Tutorial de Tag Manager de Google

Introducción

Google Tag Manager te permite integrar Userlike en tu sitio web de forma flexible mediante al uso de etiquetas y activadores. Obtén tu cuenta de TagManager aquí.

Tus ventajas al utilizar el Tag Manager con Userlike:

  • Cargar Widgets con un comportamiento o lenguaje diferente dependiendo del dominio o de la URL.
  • Cambiar la configuración de tu Widget sin tener que actualizar tu sitio web. De este modo, los cambios podrán ser realizados sin la ayuda del departamento de TI.

Sigue los pasos que se indican a continuación para conectar Google Tag Manager con Userlike.

Paso 1

Una vez que hayas configurado tu cuenta del Tag Manager, crea o selecciona un contenedor para tu sitio web y haz clic en **Instalar** para ver tu código JavaScript.

Paso 2

Toma el código e impleméntalo en tu sitio web. Para más detalles, consulta la Documentación de Google.

Paso 3

Crea una nueva etiqueta con el tipo de etiqueta "Custom HTML".

Paso 4

Dale un nombre a tu etiqueta y pega el código de tu Widget de Userlike. Lo encontrarás en la configuración de tu Widget en **Instalación** > **Código del Widget de JavaScript**. Asegúrate de marcar la opción **Support document.write**.

  • To avoid CSS conflicts with the chat client, we advise you not to use `iframe { !important }` in your CSS. Better be more specific and exclude the Userlike chat client by using `iframe:not(.userlike) { !important }`.
  • Paso 5

    Añade una activación a la etiqueta. Por ejemplo, si quieres que tu Widget sea cargado cuando un visitante visite una página particular, selecciona el tipo de activador "Vista de Página".

    Paso 6

    Configura la activación según tus necesidades con las condiciones proporcionadas para cada tipo de activación. En nuestro ejemplo, el Widget sólo se cargaría en nuestras páginas en inglés.

    Paso 7

    **Envía** y **publica** tu configuración y estarás listo para usar Userlike con Google Tag Manager.