> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Google Tag Manager

> A tag management system that helps track the lifecycle of digital marketing tags.

The process of integrating Google Tag Manager is pretty straightforward. After creating a container, you just need to locate your **Container ID**. [Here](https://support.google.com/tagmanager/answer/6103696) you can find all the details.

After locating the **Container ID**, you need to copy it and navigate back to your Softr app. Then, you should paste it **Settings => Integration => Google Tag Manager,** and you’re done!

<Frame caption="Adding GTM container ID">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-tag-manager/image1.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=b7eb0efbf934cc0e6890c2794d8e5404" alt="Adding GTM container ID" width="930" height="1244" data-path="integrations/images/google-tag-manager/image1.png" />
</Frame>

# Alternate Method

<Tip>**NOTE:** Do not combine this method with the standard method above. Doing so will cause your tags to trigger twice and you will receive double the data you should.</Tip>

You can also configure Tag Manager by clicking on the **Settings** icon on the left side of Softr Studio and clicking on **Custom Code.**

<Frame caption="Clicking on settings, then custom code">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-tag-manager/image2.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=58f6a509e99f833c7cbdac75205d1711" alt="Clicking on settings, then custom code" width="521" height="683" data-path="integrations/images/google-tag-manager/image2.png" />
</Frame>

Then in a new tab go to [tagmanager.google.com](https://tagmanager.google.com), click on the Account you’ve set up.

<Frame caption="Choose your account from the list">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-tag-manager/image3.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=6973ee755df2c306d3ddfb4ec79abd8e" alt="Choose your account from the list" width="1185" height="451" data-path="integrations/images/google-tag-manager/image3.png" />
</Frame>

Then, click on the container ID in the upper right corner.

<Frame>
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-tag-manager/image4.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=2365bc3627503262bed64795f5d6cd63" alt="Notion image" width="1399" height="764" data-path="integrations/images/google-tag-manager/image4.png" />
</Frame>

You will see header and footer codes which can be copied and pasted into the Header and Footer sections of the Custom Code panel of Softr. Don’t forget to click **Save** when finished.

<Frame caption="Custom header and footer code to be copied.">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-tag-manager/image5.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=117dfb49e5ec50952f3e72a93a0af42e" alt="Custom header and footer code to be copied." width="1123" height="524" data-path="integrations/images/google-tag-manager/image5.png" />
</Frame>

<Frame caption="Be sure to paste the codes in the correct places, then click Save.">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-tag-manager/image6.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=1758ac4a9a4750dd06c288000f56c1f4" alt="Be sure to paste the codes in the correct places, then click Save." width="697" height="1194" data-path="integrations/images/google-tag-manager/image6.png" />
</Frame>
