Add Live Commenting to Typeflo.io Blogs

Para añadir FastComments a tu blog de Typeflo.io, primero navega al panel de control de tu blog y haz clic en Configuración en la barra lateral izquierda.

Haz clic en Configuración

A continuación, haz clic en la pestaña Código personalizado en la parte superior de la página de configuración.

Haz clic en la pestaña Código personalizado

Verás tres secciones para añadir código personalizado: Encabezado, Cuerpo y Pie de página. Usaremos la sección Pie de página para FastComments.

En la sección Pie de página de la pestaña Código personalizado, pegue el siguiente código:

Fragmento de código de comentarios en vivo de 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

Pegue el código en la sección Pie de página

Después de pegar el código, haga clic en el botón Guardar para aplicar sus cambios.

Nota: Este código incluye lógica para colocar dinámicamente el widget de FastComments en la ubicación óptima de las entradas de su blog Typeflo.io. Otros fragmentos de código no funcionarán correctamente con la maquetación de Typeflo.io.

Recuerde reemplazar 'demo' con su ID de tenant de FastComments real después de registrarse. Si ha iniciado sesión en FastComments.com, ya debería estar reemplazado.

¡Buen trabajo! Has añadido comentarios en vivo a tu blog de Typeflo.io.

FastComments aparecerá ahora en todas tus entradas del blog, permitiendo que tus lectores participen en las discusiones.

Si te has encontrado con un error de permiso denegado, o te gustaría personalizar FastComments, sigue leyendo.

FastComments está diseñado para personalizarse y adaptarse al diseño de tu blog.

Si quieres añadir estilos personalizados o ajustar la configuración, Consulta nuestra Documentación de personalización para saber cómo.

Para blogs de Typeflo.io, puedes agregar estilos CSS personalizados en la misma sección Código personalizado donde añadiste el script de FastComments.