Tag Manager y Firebase: primeros pasos

Introducción

Los desarrolladores pueden utilizar la interfaz de Google Tag Manager para implementar y administrar píxeles y etiquetas de medición en sus aplicaciones móviles sin tener que volver a compilar y enviar el código binario de su aplicación a las tiendas de aplicaciones. Si trabajan con Firebase Analytics, pueden añadir Google Tag Manager de forma sencilla para que les ayude a gestionar y modificar la implementación incluso después de que se haya enviado la aplicación.

Los desarrolladores pueden registrar eventos importantes y luego decidir qué píxeles o etiquetas de seguimiento deben activarse. Actualmente, Tag Manager admite etiquetas para los siguientes productos:

  • Firebase Analytics
  • Google Analytics
  • Floodlight
  • Google Ads
  • Adjust
  • AppsFlyer
  • Apsalar
  • Kochava
  • Tune
  • Llamadas de la función personalizadas (en otros productos)

Requisitos previos

Antes de empezar:

La siguiente sección te ayudará a configurar y utilizar Google Tag Manager en tu aplicación para iOS.

Empezar

  1. Añade Google Tag Manager al proyecto
  2. Registra eventos y variables
  3. Activa las etiquetas
  4. Obtén una vista previa, depura y publica el contenedor

1. Añade Google Tag Manager al proyecto

  1. Añade el CocoaPod de Google Tag Manager al proyecto:
    1. En un terminal, ejecuta el siguiente comando para instalar Cocoapods:
      $ sudo gem install cocoapods
      
    2. Cambia al directorio del proyecto.
    3. Ejecuta el siguiente comando para crear un archivo que se llame Podfile:
      $ pod init
      
    4. En Podfile, añade lo siguiente:
      pod 'GoogleTagManager', '~> 6.0'
      
    5. Ejecuta el siguiente comando para descargar e instalar dependencias de Google Tag Manager en el proyecto:
      $ pod install
      
  2. Crea un contenedor de iOS si tu cuenta de Google Tag Manager no tiene ninguno:
    1. Inicia sesión en tu cuenta de Google Tag Manager.
    2. Haz clic en ADMINISTRADOR, en la barra de navegación superior.
    3. En la columna CONTENEDOR, haz clic en el menú desplegable y selecciona CREAR CONTENEDOR.
    4. Introduce un nombre para el contenedor.
    5. Selecciona el contenedor iOS.
    6. Selecciona el SDK Firebase (iOS).
    7. Haz clic en CREAR.
  3. Descarga tu contenedor:
    1. Inicia sesión en tu cuenta de Google Tag Manager.
    2. Selecciona el contenedor iOS.
    3. Haz clic en Versiones, en la barra de navegación superior.
    4. Haz clic en Acciones > Descargar en la versión que has seleccionado.
      El nombre del archivo que has descargado es el ID del contenedor con extensión .json.
  4. Añade el contenedor que has descargado al proyecto:
    1. Copia el archivo que has descargado en una carpeta que se llame container en la raíz del proyecto de Xcode (normalmente, PROJECT_ROOT/container/GTM-XXXXXX.json).
    2. Abre Xcode.
    3. En el menú File (Archivo), selecciona Add files to (Añadir archivos a).
    4. Selecciona la carpeta container.
    5. Haz clic en Options (Opciones) y comprueba que la opción Create folder references (Crear referencias de carpeta) está seleccionada.
    6. Haz clic en Finish (Finalizar).

2. Registra eventos y variables

Google Tag Manager utiliza los eventos, parámetros y propiedades de usuario de Firebase Analytics para compilar y activar las etiquetas que configuras en la interfaz web de Google Tag Manager. De esta forma, tu implementación de Firebase Analytics funciona como tu capa de datos.

Consulta la documentación para desarrolladores de Firebase Analytics para saber cómo configurar propiedades de usuarios y registrar eventos.

Configurar variables en Tag Manager

Para registrar los valores de las propiedades de usuarios y parámetros de eventos de Firebase para utilizarlos en Google Tag Manager, puedes configurar variables en la interfaz de Tag Manager.

Por ejemplo, supongamos que has registrado este evento personalizado en tu aplicación:

Analytics.logEvent("share_image", parameters: [
    "image_name": name,
    "full_text": text
  ])

Podrías configurar nuevas variables de parámetro de evento en Google Tag Manager para registrar los valores image_name y full_text parameter:

  • Nombre de variable: Nombre de la imagen
  • Tipo de variable: Parámetro de evento
  • Nombre clave del parámetro de evento: image_name

y

  • Nombre de variable: Texto completo
  • Tipo de variable: Parámetro de evento
  • Nombre clave del parámetro de evento: full_text

Por otro lado, imaginemos que configuras esta propiedad de usuario en tu aplicación:

Analytics.setUserProperty(food, forName: "favorite_food")

Podrías configurar una variable de Propiedad de usuario Firebase nueva en Google Tag Manager para registrar el valor favorite_food:

  • Nombre de variable: Comida favorita
  • Tipo de variable: Propiedad de usuario de Firebase
  • Nombre clave del parámetro de evento: favorite_food

Modificar y bloquear eventos de Firebase Analytics

Google Tag Manager te permite modificar y bloquear eventos antes de que se registren en Firebase Analytics. Si modificas los eventos, podrás añadir, eliminar o ajustar los valores de los parámetros de evento sin necesidad de actualizar la aplicación. Los eventos que no estén bloqueados se registrarán en Firebase Analytics.

Firebase Analytics también registra algunos eventos y propiedades de usuario de forma automática: no necesitas añadir ningún código para habilitarlos. Estos eventos y propiedades se pueden usar en Google Tag Manager, pero no se pueden bloquear.

3. Activa las etiquetas

Las variables de nombres de evento, de parámetros de evento y otras variables de Firebase se utilizan para configurar activadores. Las condiciones de activación se evalúan cada vez que registras un evento de Firebase. De forma predeterminada, los eventos de Firebase Analytics se activan automáticamente. Se puede añadir una etiqueta de Firebase Analytics a Tag Manager para evitar que los eventos se envíen a Firebase Analytics.

4. Obtén una vista previa, depura y publica el contenedor

Antes de publicar una versión de tu contenedor, es recomendable que obtengas una vista previa para asegurarte de que funciona según lo previsto. Google Tag Manager te permite obtener una vista previa de las versiones del contenedor mediante enlaces y códigos QR que genera en la interfaz web de Google Tag Manager y los utiliza para abrir tu aplicación.

Obtener la vista previa del contenedor

Para obtener la vista previa de un contenedor, debes generar una URL de vista previa en la interfaz web Google Tag Manager siguiendo estos pasos:

  1. Inicia sesión en tu cuenta de Google Tag Manager.
  2. Selecciona un contenedor móvil.
  3. Haz clic en Versiones, en la barra de navegación superior.
  4. Haz clic en Acciones > Vista previa en la versión del contenedor que quieres probar.
  5. Introduce el nombre del paquete de tu aplicación.
  6. Haz clic en Generar enlace de inicio de vista previa.

    Las URL de vista previa están disponibles en la ventana de vista previa de la interfaz web de Tag Manager.

    Imagen 1: Cómo se genera una URL de vista previa en la interfaz web de Tag Manager.

    Guarda esta URL de vista previa para los pasos posteriores.

Para habilitar la vista previa de contenedores, debes definir el esquema de URL de vista previa de Google Tag Manager en la lista de propiedades del proyecto. En los tipos de URL del archivo de lista de propiedades de tu aplicación, registra el siguiente identificador de URL y esquema de URL:

URL identifier: your.package.name
URL scheme: tagmanager.c.your.package.name
Registra el esquema de URL de vista previa de Tag Manager en el archivo de lista de propiedades de tu aplicación.
Imagen 2: Cómo añadir el esquema de URL de vista previa de Tag Manager al archivo de lista de propiedades de tu aplicación.

Detén tu aplicación y abre la URL de vista previa en un emulador o dispositivo físico para obtener la vista previa del borrador del contenedor en tu aplicación.

Depurar contenedor

Cuando abres tu aplicación desde un simulador o en modo de vista previa, Tag Manager detalla el registro automáticamente.

Publicar contenedor

Cuando hayas consultado la vista previa del contenedor y compruebes que funciona, podrás publicarlo. Una vez que lo hayas publicado, la configuración de tus etiquetas estará disponible para los usuarios de aplicaciones móviles.

Siguiente

Consulta la configuración avanzada.