Google Tag Manager Web Widgets

Titan_GTM_Documentation

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 : 
###1.<a href="https://stackedit.io/viewer#!provider=gist&gistId=7dd84a04aa692e269fd5e3c2e2e0227a&filename=Step2_adding_your_own_widget" target="_blank"> Adding Your Own Widget To Home Page</a>
###2.<a href="https://stackedit.io/viewer#!provider=gist&gistId=5b4b3ebcf1510a1727d2baacec966921&filename=GTM_step2.1_add_widget_pdp" target="_blank"> Adding Your Own Widget To Product Page</a>