Para integrar os Componentes ao Help Center, utilizamos a opção de adicionar Custom CSS e/ou Custom Javascript.
Antes de continuar, tenha certeza que as configurações do Google Analytics e do Google Tag Manager tenham sido finalizadas pelo Administrador.
Neste artigo
Passo 1: Acessar o Help Center
Acesse Aplicativos
Clique em Scroll Viewport
Na lista, selecione o Help Center que deseja adicionar o script
Passo 2: Adicionar os Scripts
Clique em Edit theme
Clique em Templates
Em Custom CSS, copie e cole o código abaixo:
@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-custom-style@current/custom-style.min.css"); @import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.css"); @import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.css");
Em Custom JavaScript, copie e cole o código abaixo:
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.js") .then(() => { }); const pageUrlAddReleaseFeedback = document.URL.split("/"); if(pageUrlAddReleaseFeedback[4] === "release-notes"){ vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.js") .then(() => { }); }; vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-title.min.js") .then(() => { }); vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-category.min.js") .then(() => { }); vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-swagger@current/swagger.min.js") .then(() => { });
Clique em Save
Aguarde os ajustes serem finalizados e clique no X
Clique em Update site
Clique em Go live
Encontrou algum problema? Procure os administradores, Paulo Henrique Paixão, Catarine Maltauro da Silva ou Ingrid Rezende de Camargo.
Próximos passos
Adicionar os Componentes ao Help Center