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
Na barra superior do Confluence, clique na aba Aplicativos
Clique em Scroll Viewport
Na lista, selecione o Help Center que deseja adicionar os scripts
Passo 2: Adicionar os Scripts
Clique no botão 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 no botão Save
Aguarde os ajustes serem finalizados e clique no botão ✖
Clique em Update site
Aguarde a atualização
Clique em Go live
Encontrou algum problema? Procure os administradores, Paulo Henrique Paixão, Catarine Maltauro da Silva ou Ingrid Rezende de Camargo.