# Google Analytics - GA4 - Facebook - Bing - Google Ads

Enlace de documentación: [Configurar un evento de compra | Google Analytics 4 Propiedades | Google para desarrolladores](https://developers.google.com/analytics/devguides/collection/ga4/set-up-ecommerce)

## (1) PASO: Incluir el código de DATA LAYER;

En Theme/Cart V2: simplemente incluya lo Data Layer en \<HEAD> y active G4 en la configuración. Tienda;

→ Esta **Tag ID activará los eventos de la Data Layer** en el sitio.

* **.view content**
* **.add\_to\_cart**
* **.begin\_checkout**
* **.purchase**

***

Copie y pegue el código del modelo desde la capa de datos: MEASUREMENT-ID es su ID GA4:

```javascript
<!-- Data Layer GAV4 - Global site tag (gtag.js) - Google Analytics -->     <script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT-ID"></script>     <script>         window.dataLayer = window.dataLayer || [];         function gtag(){dataLayer.push(arguments);}         gtag('js', new Date());         gtag('config', 'MEASUREMENT-ID');     </script>
```

* **Añade tu ID y código a los campos de GA4 en la configuración general de la tienda, en la pestaña Medios.**

<div data-full-width="true"><figure><img src="/files/50AhVxxzoxHylH0DyYS6" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="/files/Vf4aFNHM0y6DOanaKKXl" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="/files/otCpsqv3f8zQy0H4wUNT" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="/files/gR4koZaF1b6rKfnYTpNe" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="/files/6gKxAjJBuyKiTF9dXKYW" alt=""><figcaption></figcaption></figure></div>

## (2) PASO → Incluir Tag Manager en el y del sitio web.

Enlace a documentación → [Google Tag Manager para páginas web | Administrador de etiquetas de Google para Web | Google para desarrolladores](https://developers.google.com/tag-manager/quickstart)

<figure><img src="/files/6QBqQrqUXxq7nROb7Rni" alt=""><figcaption></figcaption></figure>

Ingrese el **Tag Manager** en el campo **Código GA** de SpiritShop **en la configuración general de la tienda, en la pestaña Medios.**

<div data-full-width="true"><figure><img src="/files/ziXMFFNUMdbTvo0rSXJn" alt=""><figcaption></figcaption></figure></div>

## (3) PASO: configurar Google Tag Manager

-> Depende del **Administrador de Tráfico o Analista de Medios** configurar sus propias **Tags, Activadores, Variables** y organizar sus **Carpetas** como se muestra en las imágenes a continuación:

<figure><img src="/files/Ge7R6qGMPZwOgULukmQE" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/oKmXsY42IItrvoOJRCfo" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ELGkndCFBlr8BVG4FJvt" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/mDDNOCh5bGRlDPj1iEf6" alt=""><figcaption></figcaption></figure>

→ Para facilitar el ***Traking*** de eventos en la plataforma SpiritShop para los Clientes, proporcionamos **JSON para importar** la configuración anterior a su GTM.

→ El Gerente simplemente necesita cambiar las **Variables, ID** y **Activadores** según el proyecto.

{% file src="/files/0tRz83ztRkMfoFMZSGiB" %}

{% file src="/files/S5IXuqoxyJ7gEqg2Ai3c" %}

{% file src="/files/7J0d1YodCkUhdKzTcmVn" %}

{% file src="/files/35EUIdcaw1jBCP9SBgOx" %}

→ **Crear nuevo contenedor e importar JSON**

<figure><img src="/files/lKTRJS61fUqUZJAVaKhm" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Tpk9CnZCmW1eg6dMj6b4" alt=""><figcaption></figcaption></figure>

**Importar contenedor (archivos JSON)**

<figure><img src="/files/jUF1C1WFIvL9jOI3ryAK" alt=""><figcaption></figcaption></figure>

**Confirmar etiquetas e importar al espacio de trabajo predeterminado**

<figure><img src="/files/74KPQWeEugaT7TwfImp1" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/q8vTEdgKILYp9mM1CpFx" alt=""><figcaption></figcaption></figure>

Seleccionar **todas las variables incorporadas** según la Estrategia del Gestor.

<figure><img src="/files/Cr8a3tS6WMHU4eEzcJMI" alt=""><figcaption></figcaption></figure>

**Configurar las Variables permanentes según el Funnel;**

<figure><img src="/files/sFguT1MF8rDFxKtIJRNv" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/nEyptdbN6oUBrnHTnjjx" alt=""><figcaption></figcaption></figure>

**Configurar Etiquetas de Conversión;**

<figure><img src="/files/mKtLWmrUK1ffoZXbpUOs" alt=""><figcaption></figcaption></figure>

***

***

**Al final, como en el siguiente ejemplo, debería quedar:**

<figure><img src="/files/i1a7F2UJlnKTMLZnHzcq" alt=""><figcaption></figcaption></figure>

***

**NOTA: Si el gerente o la persona a cargo no puede realizar el seguimiento como se muestra en las instrucciones paso a paso anteriores, comuníquese con SpiritShop Sales para obtener una cotización;**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.spiritshop.com.br/portal-bridgestone-b2c/marketing/google-analytics-ga4-facebook-bing-google-ads.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
