Add Live Commenting to Typeflo.io Blogs

Para adicionar o FastComments ao seu blog Typeflo.io, primeiro navegue até o painel do seu blog e clique em Configurações na barra lateral esquerda.

Clique em Configurações

Em seguida, clique na aba Código Personalizado na parte superior da página de configurações.

Clique na aba Código Personalizado

Você verá três seções para adicionar código personalizado: Cabeçalho, Corpo e Rodapé. Usaremos a seção Rodapé para o FastComments.

Na seção Rodapé da aba Código Personalizado, cole o código a seguir:

Trecho de Código de Comentários ao Vivo do Typeflo.io

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js" async></script>

3<script>

4 (function () {

5 function load() {

6 let target = null;

7 let lastInstance;

8 if (document.querySelector('.fastcomments-widget')) {

9 setTimeout(load, 1000);

10 return;

11 }

12 if (lastInstance) {

13 lastInstance.destroy();

14 }

15 if (window.FastCommentsUI) {

16 const newElement = document.createElement('div');

17 newElement.classList.add('fastcomments-widget');

18 const subscribeSection = document.querySelector('.nc-SectionSubscribe2');

19 if (subscribeSection) {

20 subscribeSection.parentNode.insertBefore(newElement, subscribeSection);

21 target = newElement;

22 } else {

23 const fullWidthSection = document.querySelector('.container.w-full');

24 if (fullWidthSection) {

25 fullWidthSection.prepend(newElement);

26 target = newElement;

27 }

28 }

29 }

30 if (target) {

31 lastInstance = FastCommentsUI(target, {

32 "tenantId": "demo"

33 });

34 }

35 setTimeout(load, 1000);

36 }

37

38 load();

39 })();

40</script>

41

Cole o código na seção Rodapé

Após colar o código, clique no botão Salvar para aplicar suas alterações.

Observação: este código inclui lógica para posicionar dinamicamente o widget do FastComments no local mais adequado das postagens do seu blog Typeflo.io. Outros trechos de código não funcionarão corretamente com o layout do Typeflo.io.

Lembre-se de substituir 'demo' pelo seu ID de tenant do FastComments após se inscrever. Se você estiver logado no FastComments.com, isso já deverá ter sido substituído.

Bom trabalho! Você adicionou comentários em tempo real ao seu blog Typeflo.io.

O FastComments agora aparecerá em todas as suas postagens do blog, permitindo que seus leitores participem de discussões.

Se você encontrou um erro de permissão negada, ou gostaria de personalizar o FastComments, continue lendo.

O FastComments foi projetado para ser personalizado para combinar com o design do seu blog.

Se você quiser adicionar estilos personalizados ou ajustar a configuração, Confira nossa Documentação de Personalização para saber como.

Para blogs Typeflo.io, você pode adicionar estilos CSS personalizados na mesma seção Código Personalizado onde você adicionou o script do FastComments.