Skip to content

Instantly share code, notes, and snippets.

@gautham20
Last active May 28, 2017 22:29
Show Gist options
  • Select an option

  • Save gautham20/4a364e30a1a67b9dc0d4cff84145a5db to your computer and use it in GitHub Desktop.

Select an option

Save gautham20/4a364e30a1a67b9dc0d4cff84145a5db to your computer and use it in GitHub Desktop.
Importing GTM
Adding Custom Web Widgets Using Google Tag Manager
==================================================
Importing GTM scripts
---------------------
To add custom widgets import the file provided into GTM by following these steps.
1. Login to your [google tag manager console](https://tagmanager.google.com/#/home)
2. Click on **Admin** tab
3. Click on **Import Container**
![admin](http://i.imgur.com/NljocIv.png)
4. Click **Choose Container File** and upload the file provided by Yfret.
![enter image description here](http://i.imgur.com/1frv3f9.png)
![enter image description here](http://i.imgur.com/IFCLNUs.png)
5. On **Choose Workspace** option select **new** if this is your first GTM based widget.
6. Replace untitled workspace with a name of your choice, and click **save**
7. On **Choose Workspace** option select **existing** if GTM is already being used, and select a workspace from the list of options.
![enter image description here](http://i.imgur.com/Z8whSFU.png)
8. On **choose an import option** select **merge** and **Overwrite conflicting tags, triggers and variables.**
9. Number of tags, triggers and variables being imported must be displayed.
10. Click on **confirm**
![container upload](http://i.imgur.com/10li3Nd.png)
##Next Steps :
###<a href="https://stackedit.io/viewer#!provider=gist&gistId=d42f5bdcaa815c4d08dfd535d408805c&filename=V2_Add_Widget_GTM" target="_blank"> Adding Your Own Widget</a>
Adding Custom Web Widgets Using Google Tag Manager
==================================================
Importing GTM scripts
---------------------
To add custom widgets import the file provided into GTM by following these steps.
1. Login to your [google tag manager console](https://tagmanager.google.com/#/home)
2. Click on **Admin** tab
3. Click on **Import Container**
![admin](http://i.imgur.com/NljocIv.png)
4. Click **Choose Container File** and upload the file provided by Yfret.
![enter image description here](http://i.imgur.com/1frv3f9.png)
![enter image description here](http://i.imgur.com/IFCLNUs.png)
5. On **Choose Workspace** option select **new** if this is your first GTM based widget.
6. Replace untitled workspace with a name of your choice, and click **save**
7. On **Choose Workspace** option select **existing** if GTM is already being used, and select a workspace from the list of options.
![enter image description here](http://i.imgur.com/Z8whSFU.png)
8. On **choose an import option** select **merge** and **Overwrite conflicting tags, triggers and variables.**
9. Number of tags, triggers and variables being imported must be displayed.
10. Click on **confirm**
![container upload](http://i.imgur.com/10li3Nd.png)
##Next Steps :
###<a href="https://stackedit.io/viewer#!provider=gist&gistId=7dd84a04aa692e269fd5e3c2e2e0227a&filename=Step2_adding_your_own_widget" target="_blank"> Adding Your Own Widget</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment