Magento – Add Google Tag Manager to Magento 2

google-tag-managermagento2

I'm using magento 2 and I'm trying to add the Google Tag Manager code (noscript and script parts) to my magento 2 installation , what's the best way to do it ?

I found this module to do it
https://github.com/magepal/magento2-googletagmanager

But once I enable it and add the code , when I go to my website I get a 404 error

The page you requested was not found, and we have a fine guess why

And is the same even if i try to go to the admin panel , the only way to revert this is to disable the module from the database.

Does anyone has any idea why it acts like that ?

Best Answer

If you want to add Google Tag Manager without creating a module, you can add the gtm code from your active theme.

You can have two phtml templates to include the GTM snippet that needs to go to head and body.

// YourTheme/Magento_Theme/templates/html/gtm_head.phtml
<script>..</script> <!-- GTM code -->

// YourTheme/Magento_Theme/templates/html/gtm_body.phtml
<noscript>..</noscript> <!-- GTM code -->

You can use the default.xml file to load the above files.

<!-- YourTheme/Magento_Theme/layout/default.xml -->
<referenceBlock name="head.additional">
    <block class="Magento\Framework\View\Element\Template" name="gtm.head" before="-" template="Magento_Theme::html/gtm_head.phtml" />
</referenceBlock>

<referenceContainer name="after.body.start">
    <block class="Magento\Framework\View\Element\Template" name="gtm.body" before="-" template="Magento_Theme::html/gtm_body.phtml" />
</referenceContainer>

Related Solutions

Magento 2 – Add Content Before Body Closing Tag on Every Page

You can use before.body.end as the reference name and add the block using layout/default xml

Here is an example: Magento 2 add script before closing body tag

Look at KAndy's answer.

How to Install Google Tag Manager in Magento 1.9.2 Without Extension

Usually I would recommend an extension because it allows you to pass additional data to the tag manager like product id, cart contents and placed orders.

But if you really just need it for this Facebook pixel and the Facebook pixel does not need page or session specific data, you can add the code with a static block, without touching the code:

create a static block (CMS > Static Blocks) that contains the script. You have to turn off the WYSWIWYG editor to enter JavaScript ("Hide Editor")
Create a new widget instance (CMS > Widgets) and select your theme
Add Layout Update for page "All Pages" and reference "Page Top" (this is a container directly after the opening body tag)

4. Select static block from (1) in "Widget Options": screenshot (4)

Save.
Clean cache.

Note that editing JavaScript in a static block does not work well. You can save it once, but when you want to edit the block, the script will be crippled by the WYSIWYG editor and you'll have to add it again from scratch. If it's an option for you to add a template file to the theme instead, you can do it like this:

create a file app/design/frontend/[your package]/[your theme]/template/page/gmt.phtml that contains the HTML snippet for the Google Tag Manager
create the static block as above, but with the following content
```
{{block type="core/template" template="page/gmt.phtml"}}
```
Add "core/template" to the block whitelist in System > Permissions

Best Answer

Related Solutions

Magento 2 – Add Content Before Body Closing Tag on Every Page

How to Install Google Tag Manager in Magento 1.9.2 Without Extension

Related Topic