Como desarrollador, puedes usar Google Tag Manager para implementar y administrar píxeles y etiquetas de medición en tus aplicaciones para dispositivos móviles, sin tener que volver a compilar y volver a enviar los objetos binarios de la aplicación a los mercados de apps. Los desarrolladores que trabajan con el SDK de Google Analytics para Firebase pueden agregar fácilmente Tag Manager para ayudar a administrar y hacer cambios en la implementación, incluso después de que se haya enviado la app.
Los desarrolladores pueden registrar eventos importantes y decidir más adelante qué etiquetas o píxeles deben activarse.
Requisitos previos
- En Firebase console, agrega la app al proyecto de Firebase.
- Configura Google Analytics para tu app, lo que incluye habilitar Google Analytics en tu proyecto de Firebase y agregar el SDK de Google Analytics para Firebase a la app.
- Crea una cuenta de Tag Manager.
- Configure un contenedor de Tag Manager.
En las siguientes secciones, se explican los pasos para configurar y usar Google Tag Manager en tu aplicación para iOS.
1. Agrega Tag Manager a tu proyecto
Agrega el paquete de Tag Manager:
CocoaPods
Para agregar Tag Manager a través de CocoaPods, haz lo siguiente:
En una terminal, ejecuta el siguiente comando:
$ sudo gem install cocoapods
Cambia al directorio de tu proyecto.
Ejecuta el siguiente comando para crear un archivo llamado
Podfile
:$ pod init
En
Podfile
, agrega lo siguiente:pod 'GoogleTagManager', '~> 6.0'
Ejecuta el siguiente comando para descargar y, luego, instalar las dependencias de Tag Manager en tu proyecto:
$ pod install
Swift Package Manager
Para agregar Tag Manager a través de Swift Package Manager, sigue estos pasos:
- Si migras desde un proyecto basado en CocoaPods, ejecuta
pod deintegrate
para quitar CocoaPods de tu proyecto de Xcode. El archivo.xcworkspace
generado por CocoaPods se puede borrar después de forma segura. Si es la primera vez que agregas Firebase a un proyecto, puedes ignorar este paso. - En Xcode 12, navega a File > Tag Manager Packages > Add Package Dependency... para instalar la biblioteca de Tag Manager.
En el mensaje que aparece, ingresa el repositorio de GitHub de Tag Manager:
https://github.com/googleanalytics/google-tag-manager-ios-sdk.git
Selecciona la versión de Tag Manager que deseas utilizar. Para proyectos nuevos, te recomendamos usar la versión más reciente de Tag Manager.
Agrega
-ObjC
a Otras marcas del vinculador en Configuración de la compilación de tu proyecto.
Crea un contenedor para iOS si tu cuenta de Tag Manager no tiene uno:
- Accede a tu cuenta de Tag Manager.
- En la pestaña Cuentas, selecciona tu contenedor de iOS.
- Haz clic en Administrador en la barra de navegación superior.
- En la columna CONTAINER, haz clic en el ícono “+” para crear un contenedor.
- Ingresa un nombre de contenedor.
- Selecciona el contenedor de iOS.
- Haz clic en Crear.
Descarga el contenedor:
- Accede a tu cuenta de Tag Manager.
- En la pestaña Cuentas, selecciona tu contenedor de iOS.
- Haz clic en Versiones en la barra de navegación superior.
- Selecciona la versión del contenedor que deseas descargar.
Haz clic en Descargar.
Agrega el contenedor descargado a tu proyecto:
- Copia el archivo descargado en una carpeta llamada
container
en la raíz del proyecto de Xcode (por lo general,PROJECT_ROOT/container/GTM-XXXXXX.json
). - Abre Xcode.
- En el menú Archivo, selecciona Agregar archivos a....
- Selecciona la carpeta
container
. - Haz clic en Opciones y asegúrate de que la opción Crear referencias de carpetas esté seleccionada.
- Haz clic en Finalizar.
- Copia el archivo descargado en una carpeta llamada
2. Registra eventos y variables
Tag Manager usa eventos, parámetros y propiedades del usuario que registra el SDK de Google Analytics para Firebase para activar y compilar las etiquetas que configuraste en Google Tag Manager.
Lee la documentación de Firebase para desarrolladores si quieres obtener instrucciones para registrar eventos y configurar propiedades del usuario.
Cómo configurar variables en Tag Manager
Si deseas capturar el valor de los parámetros de eventos y las propiedades del usuario para usarlos en Google Tag Manager, puedes configurar las variables en la interfaz de Tag Manager.
Por ejemplo, puedes registrar el siguiente evento personalizado en tu app:
Analytics.logEvent("share_image", parameters: [
"image_name": name,
"full_text": text
])
Luego, puedes configurar nuevas variables de parámetros de eventos en Tag Manager de la siguiente manera para capturar los valores image_name
y full_text parameter
:
- Nombre de la variable: Nombre de la imagen
- Tipo de variable: Parámetro del evento
- Nombre de clave del parámetro del evento:
image_name
y:
- Nombre de la variable: texto completo
- Tipo de variable: Parámetro del evento
- Nombre de clave del parámetro del evento:
full_text
De manera similar, puedes configurar la siguiente propiedad del usuario en tu app:
Analytics.setUserProperty(food, forName: "favorite_food")
Luego, puedes configurar una nueva variable de propiedades del usuario de Firebase en Google Tag Manager para capturar el valor favorite_food
:
- Nombre de la variable: Comida favorita
- Tipo de variable: Propiedad del usuario de Firebase
- Nombre de clave del parámetro del evento:
favorite_food
Cómo modificar y bloquear eventos
Tag Manager te permite modificar y bloquear eventos antes de que se registren en el SDK de Google Analytics para Firebase. La modificación de eventos puede ayudarte a agregar, quitar o cambiar los valores de los parámetros de eventos, o a ajustar los nombres de los eventos sin actualizaciones de la app. Los eventos que no estén bloqueados se registrarán con el SDK de Google Analytics para Firebase.
El SDK de Google Analytics para Firebase también registra automáticamente algunos eventos y propiedades del usuario. Puedes utilizar eventos y propiedades recopilados automáticamente en Tag Manager sin necesidad de agregar ningún código. Sin embargo, no puedes bloquearlos.
3. Envía eventos
Las variables de nombre del evento de Firebase, las variables de parámetros de evento de Firebase y otras variables se usan para configurar activadores. Las condiciones de activación se evalúan cada vez que registras un evento de Firebase. Según la configuración predeterminada, los eventos de Google Analytics para Firebase se activan automáticamente. Es posible agregar una etiqueta de Google Analytics para Firebase en Tag Manager para bloquear el envío de eventos a Google Analytics.
4. Cómo obtener una vista previa de tu contenedor, depurarlo y publicarlo
Antes de publicar una versión del contenedor, te recomendamos obtener una vista previa para asegurarte de que funcione según lo previsto. Tag Manager te permite obtener una vista previa de las versiones de tu contenedor. Para ello, genera vínculos y códigos QR en la interfaz web de Tag Manager y utilízalos para abrir tu aplicación.
Vista previa del contenedor
Para obtener una vista previa de un contenedor, genera una URL de vista previa en la interfaz web de Tag Manager:
- Accede a tu cuenta de Tag Manager.
- Selecciona un contenedor para dispositivos móviles.
- Haz clic en Versiones en la barra de navegación superior.
- Haz clic en Acciones > Vista previa en la versión del contenedor del que deseas obtener una vista previa.
- Ingresa el nombre del paquete de tu aplicación.
Haz clic en Generate start preview link.
Guarda esta URL de vista previa para pasos posteriores.
Para habilitar las vistas previas de contenedores, debes definir el esquema de URL de vista previa de Tag Manager en la lista de propiedades de tu proyecto. En Tipos de URL del archivo de lista de propiedades de tu aplicación, registra el siguiente identificador de URL y el esquema de URL:
URL identifier: _your.package.name_
URL scheme: tagmanager.c._your.package.name_
Detén tu aplicación y abre la URL de vista previa en un emulador o dispositivo físico para obtener una vista previa del contenedor de borrador en tu aplicación.
Contenedor de depuración
Cuando ejecutas tu app en un simulador o en el modo de vista previa, Tag Manager convierte automáticamente el registro en detallado.
Publica el contenedor
Después de obtener una vista previa del contenedor y verificar que funciona, puedes publicarlo. Después de publicar el contenedor, los parámetros de configuración de las etiquetas estarán disponibles para los usuarios de apps para dispositivos móviles.