Cómo añadir el chatbot de IA Asyntai a Google Sites

Guía paso a paso para Google Sites

Plataforma:

Paso 1: Obtén su código de inserción

Primero, ve a tu Panel de control de Asyntai y desplázate hasta la sección "Código de inserción". Copia tu código de inserción único que se verá así:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: El código anterior es solo un ejemplo. Debe copiar su propio código de inserción único desde su Panel de control ya que contiene su ID de widget personal.

Paso 2: Añadir código usando la función de inserción

Google Sites utiliza una función de inserción para añadir código HTML y JavaScript personalizado:

En una computadora, abra su sitio en Google Sites
Navegue a la página donde deseas añadir el chatbot
Haga clic en "Insert" en la barra lateral derecha (o desde el menú superior)
Seleccione \"Embed\" de las opciones
Haz clic en la pestaña "Código de incrustación" en la parte superior
Pegue su código de inserción de Asyntai en el cuadro de texto
Haz clic en "Siguiente" para previsualizar cómo se verá
Haz clic en "Insertar" para agregar el código a tu página
Haga clic en "Publish" en la esquina superior derecha para publicar sus cambios

Consejo: Google Sites envuelve las inserciones en un iframe, por lo que el chatbot aparecerá dentro del área de inserción en lugar de fijado a la esquina del navegador. Para la mejor experiencia, coloque el elemento de inserción en la parte inferior de su contenido de página para que el botón del chatbot sea fácil de encontrar.

Añadir a múltiples páginas

Para agregar el chatbot a múltiples páginas en tu sitio de Google:

Repite el proceso de incrustación para cada página donde quieras el chatbot
Alternativamente, añada la inserción a una sección de header o footer si su plantilla lo soporta
Para sitios con muchas páginas, considere añadirlo primero a sus páginas de destino principales

Nota: A diferencia de otras plataformas, Google Sites no tiene un punto único de inyección de código \"para todo el sitio\". Necesitará añadir el código de inserción a cada página donde desee que aparezca el chatbot, o usar un header/footer personalizado si su tema lo soporta.

Cómo Google Sites maneja el código insertado

Entendiendo cómo Google Sites procesa su código:

Google Sites envuelve su código en un elemento <iframe> en un entorno aislado (sandbox)
El JavaScript debe estar dentro de etiquetas <script> (lo cual su código de Asyntai ya incluye)
Puedes hacer referencia a archivos JavaScript externos (como el widget de Asyntai)
La función de inserción es menos restrictiva que el HTML Box del Google Sites clásico
El código insertado no se indexa en la búsqueda del sitio

Importante: Debido al aislamiento con iframe de Google Sites, algunas funciones avanzadas pueden comportarse de manera diferente que en sitios web tradicionales. El chatbot de Asyntai está diseñado para funcionar dentro de estas restricciones.

Paso 3: Verificar la instalación

Después de publicar sus cambios, visite su Google Site en una nueva pestaña del navegador o en una ventana de incógnito. Debería ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarse de que se abra y funcione correctamente.