> For the complete documentation index, see [llms.txt](https://wiki.spiritshop.com.br/suporte-admin-3.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.spiritshop.com.br/suporte-admin-3.0/integradores/adicionar-google-tag-manager-facebook-bing-google-ads.md).

# Adicionar Google Tag Manager - Facebook - Bing - Google Ads

Link documentação: [![](https://www.gstatic.com/devrel-devsite/prod/va881901acfa784a302a2fcaebeaf9ea1e7654afe884686768d3a16b36e928e9f/developers/images/favicon-new.png)Set up a purchase event  |  Google Analytics 4 Properties  |  Google for Developers](https://developers.google.com/analytics/devguides/collection/ga4/set-up-ecommerce)

&#x20;

**( 1 ) PASSO - Incluir código DATA LAYER;**

* No **Tema/Carrinho V2**: basta incluir o Data Layer no \<HEAD> e ativar G4 nas configs. da loja;\ <br>
* **→** Essa **Tag ID irá ativar os eventos do Data Layer** no Site.
* **.view content**
* **.add\_to\_cart**
* **.begin\_checkout**
* **.purchase**

***

* Código modelo **copia e cola** do data Layer: `MEASUREMENT-ID` é o **seu ID do GA4**:

`<!-- 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>`

&#x20;

*O **Script abaixo da aba Servidor** devem ser encaminhadas para o* [*suporte da SpiritShop*](https://spiritshop.atlassian.net/servicedesk/customer/portal/4/group/4/create/10030) *adicionar.*

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

***

***

* **( 2 ) PASSO → Incluir Tag Manager** no \<head> e \<body> do site.\
  Link documentação → [![](https://www.gstatic.com/devrel-devsite/prod/v85a00308211ae0e76f4048e4f8440e0b4d866dea310d9c231254526f46e6d3e3/developers/images/favicon-new.png)Google Tag Manager for web pages  |  Google Tag Manager for Web  |  Google for Developers](https://developers.google.com/tag-manager/quickstart)<br>

  <div data-full-width="true"><figure><img src="/files/rFnINuhsC0YIXENmri8X" alt=""><figcaption></figcaption></figure></div>
* Inserir o **Tag Manager** no campo **Código Google Analytics** da SpiritShop.\
  *O **Script abaixo da aba Servidor** devem ser encaminhadas para o* [*suporte da SpiritShop*](https://spiritshop.atlassian.net/servicedesk/customer/portal/4/group/4/create/10030) *adicionar.*<br>

  &#x20;

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

***

***

**( 3 ) PASSO** - **Configurar o Google Tag Manager.**\
-> Cabe ao **Gestor de Trafego ou analista de Mídias** configurar suas próprias **Tags**, **Acionadores**, **Variáveis** e organizar suas **Pastas** conforme imagens abaixo:\ <br>

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

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

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

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

→ Para facilitar o ***Tracking*** dos eventos da plataforma SpiritShop para os Clientes, disponibilizamos o **JSON para importação** das configurações acima no seu GTM.

→ Basta que o Gestor altere as **Variáveis** e **ID’s** e os **Acionadores** conforme o projeto.

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

{% file src="/files/1Rrg2tGrgHcgeXa7bWXX" %}

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

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

&#x20;→ **Criar novo Container e Importar JSON**

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

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

**Importar contêiner (arquivos JSON)**

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

**Confirmar as TAGs e Importar para o Default Workspace**

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

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

Selecionar **todas as variáveis incorporadas** de acordo com a Estratégia do Gestor.

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

**Configurar as Variáveis permanentes de acordo com o Funil;**

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

&#x20;

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

**Configurar Rótulos de Conversão;**

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

***

***

**Ao final, assim como no exemplo abaixo deve ficar;**

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

&#x20;

***

**OBS: Caso gestor ou responsável não consiga fazer o&#x20;*****tracking*****&#x20;como demostrado no passo-a-passo acima,** [**contatar o Comercial da SpiritShop para orçamento**](https://spiritshop.atlassian.net/servicedesk/customer/portal/4/create/10033)**;**
