introduction about google tag manager

25
Google Tag Manager Description * Scope How to deal with GTM Questions & answers By : Jam Hassan Website: http://www.wingersolutions .com/blog Twitter: @jammhassan Facebook:jamhassan

Upload: jam-hassan

Post on 02-Feb-2015

111 views

Category:

Technology


1 download

DESCRIPTION

Google Tag Manager lets you add and update your website tags, easily and for free, whenever you want, without bugging the IT folks. [Google] Google Tag Manager [GTM] Was Released on 1st October 2012 To help Webmasters , IT guys & marketing Gurus To help Manage their Google Analytics tags, Bing , Remarketing codes , Google adwords Campaigns Codes etc in One Place . Truth is that there are So many Tracking codes to Track your Website . Google Tag manager helps to manage All these Easily

TRANSCRIPT

Page 1: Introduction about Google Tag manager

Google Tag ManagerDescription * Scope

How to deal with GTMQuestions & answers

By : Jam HassanWebsite: http://www.wingersolutions.com/blogTwitter: @jammhassanFacebook:jamhassan

Page 2: Introduction about Google Tag manager

Google Tag Manager lets you add and update your website tags, easily and for free, whenever you want, without bugging the IT folks. [Google]

Google Tag Manager [GTM] Was Released on 1st October 2012 To help Webmasters , IT guys & marketing Gurus To help Manage their Google Analytics tags, Bing , Remarketing codes , Google adwords Campaigns Codes etc in One Place .

Truth is that there are So many Tracking codes to Track your Website . Google Tag manager helps to manage All these Easily

What is Google Tag Manager “Digital marketing made (much) easier”

Page 3: Introduction about Google Tag manager

Steps to Create & publish Tags

Create a Google Tag Manager Account .

Create a New Bucket [Container] For Each Website.Like if you want to track xyz.com You should have one container for xyz.com & Separate Container for abc.com .

Build A list of tags for example Google analytics, adwords etc

After getting listed all the tags for one website Create Container Snippet & replaces it with Older One . You are Done .

Page 4: Introduction about Google Tag manager

Main Componets

Google Tag Manager have 3 main components to deal with

1. Container

In order to use the various tracking code needed for your website Like Google analytics tracking , Google adwords campaigns tracking , bing tracking code etc a single piece of code must be added to the website . This piece of code is called the container.

The container holds are your Campaigns code you can Generate these code in Google Tag Manager & publish to your website

• Continue)

Page 5: Introduction about Google Tag manager

Main Componets

 2. Tags •First time you add Container it will be Empty . Now you we have Add tags For different Types of Tracking codes. We can chose From These Templates (Built in).

1. Google analytics2. Double click floodlight counter 3. Double-click Floodlight sales4. Adwords Conversion tracking 5. Adwords Remarketing etc

(Continue)

Page 6: Introduction about Google Tag manager

Main Components3. Rules

• Now we have to Define When our Created Tag should Fire. •It’s Similar like Defining Goals in Google Analytics that if a User Signup Count that Goal & if a user add item to Basket Count that Event as Goal.

Google Tag manager [GTM] support these Rules. URL-based Rules: The tag is fired based on a specific URL. You can define the rule so that the tag is fired on all pages, such as for Analytics code to track v

Referrer-based Rules: The tag is fired based on the referral source for the page.

Event-based Rules: The tag is fired based on a particular “event” on the website. For example, the tag is fired when the user plays a video or clicks a button. 

Page 7: Introduction about Google Tag manager

Main ComponentsTag templates Google Tag Manager comes with built-in templates for Google AdWords Conversion Tracking, AdWords Remarketing, Google Analytics, and Double-click Floodlight. Custom image tagsIf you’d like to add a image tag that’s not yet included as a tag template, just select the Custom Image tag type. . Custom HTML tagsIf you’d like to add an HTML tag that’s not yet included as a tag template, just select the Custom HTML tag type.  Custom javascriptCustom javascript tags can be added using the Custom HTML feature—just wrap your javascript with <script> </script>

Page 8: Introduction about Google Tag manager

A.

B.

C.

D.

E.

Pros

Debug Mode – This tool allows you to see if your tags are firing correctly.

All of your tags can be seen in one place – You don’t have to go to multiple pages to determine everything that you are tracking and on what pages the tracking code is placed.

Marketing Guys , SEO Teams , PPC Teams can add tags whenever they please without having to coordinate with IT to put additional code on the website

Less code to manage on your website

Easy to use interface

GTM Increase Overall Time to load your website that is Going to be a Big factor in Latest Google Algorithms.

Page 9: Introduction about Google Tag manager

Initial Setup – The initial process to set everything up – adding the Google Tag Manager container, removing all of the old code, and determining what tags need to be tracked and where – takes some time and coordination.

Cons

Debug Mode – Although it tells you whether or not tags are fired, it still takes some investigative work to determine why the correct tag is not firing or why an incorrect tag is firing.

Page 10: Introduction about Google Tag manager

There’s no need to worry about Google Tag Manager disrupting your site.

We’ve built in a tag Preview Mode and error-recovery features like version

History to make sure that no one will deploy a tag that could break the

Site. Plus, we’ve included user permission controls to grant and manage

Different levels of access.

Let marketers add tags? Absolutely

Page 11: Introduction about Google Tag manager

We’ve packed Google Tag Manager with lots of great tools to take the pain out of tagging for everyone. It’s built to

Handle enterprise-level tagging needs, and we have exciting plans for great new features.

A robust list of features

Page 12: Introduction about Google Tag manager

Asynchronous tag loading Define reusable variables Smart caching Tag Blacklist

Tag Technology

Page 13: Introduction about Google Tag manager

Google Tag Manager Fires all tags asynchronously. This means tags load as they’re ready to load, in parallel with other page elements. So slow tags

Won’t hobble your site or prevent other tags from firing. This can lead to faster page loads and more data collection.

Asynchronous tag loading

Page 14: Introduction about Google Tag manager

Google Tag Manager lets you select important data elements on your site pages and collect them easily. For example, you only need to define

Once where "total price" is found on your page, and then Google Tag Manager can pass that value through to all of your tags.

Define reusable variables

Page 15: Introduction about Google Tag manager

Google Tag Manager minimizes the number of requests made to our servers through the use of intelligent caching, allowing bandwidth to be

spent on firing all your other tags.

Smart caching

Page 16: Introduction about Google Tag manager

Our Tag Blacklist lets administrators define specific tags or tag types that can never be added to the site. This helps keep your site safe from Malicious software

Tag Blacklist

Page 17: Introduction about Google Tag manager

Easy-to-use web interface Publish in seconds Preview Mode Debug Console Site tag overview Version history Reporting on tag firing

Usability

Page 18: Introduction about Google Tag manager

Google Tag Manager takes advantage of Google design principles to make the tool straightforward and easy-to-use.

Easy-to-use web interface

Page 19: Introduction about Google Tag manager

With just a couple of clicks, you can add new tags or edit your existing tags, and then publish these changes to your users in seconds.

Publish in seconds

Page 20: Introduction about Google Tag manager

Want to see how the changes you've made actually work before deploying live to your site? Preview Mode gives you a glimpse into how a new Tagging configuration would work before you publish it.

Preview Mode

Page 21: Introduction about Google Tag manager

As part of our Preview Mode, Google Tag Manager provides an additional tool to help you understand how your tags are functioning. Rather than Wading through lots of extra detail in standard web-developer tools, you can use our specialized Debug Console to self-check which tags are firing.

Debug Console

Page 22: Introduction about Google Tag manager

The overview lets you see all tags within your container—and any associated rules—at a glance. You can easily select a particular tag if you need To make changes or remove it, or you can add new tags at any time.

Site tag overview

Page 23: Introduction about Google Tag manager

Thanks to our versioning feature, you keep a history of what's been published on your site. If changes are made and you’d like to go back to a Prior version, it’s easy to flip back.

Version history

Page 24: Introduction about Google Tag manager

Coming soon

Reporting on tag firing

Page 25: Introduction about Google Tag manager

Contact me if you have Any query & question

Email: [email protected] Twitter:@jammhassan Facebook:jamhassan

Questions & answers