Page | 2© 2018 Magento, Inc.
Easy Conversion
Tracking with Magento
Commerce
Page | 3© 2018 Magento, Inc.
David DeppnerPresident, Psyberware
Page | 4© 2018 Magento, Inc.
• Better Reporting with Magento 2's Google Tag Manager Implementation
– Google Tag Manager (GTM) Setup
– Google Analytics Enhanced Ecommerce Reporting
• Ad Conversion Tracking Using Magento 2 & Google Tag Manager
– Google AdWords
– Bing Ads
– Facebook Ads
• More Things You Can Do
– Google Optimize for A/B Testing
Agenda – A Practical "How To" Guide
Page | 5© 2018 Magento, Inc.
• Merchant Background – VP of IT & Ecommerce
• Early Magento B2B Site – 2008
• Early Magento 1 to Magento 2 Migration
About Me
Basic Setup
Google Tag Manager
Page | 7© 2018 Magento, Inc.
• A tag is a snippet of code that sends information to a third party
• Example:
What Is A Tag?
Page | 8© 2018 Magento, Inc.
• Events Trigger Tags
• Example: User Visits a Page > Pageview Trigger > Log to Analytics
• Example: User Completes Order > Purchase Trigger > Log Conversions
– Analytics, AdWords, Bing, Facebook Tags Can All Fire
How GTM Works: Tags & Triggers
Website Event
GTM Trigger
Fire a Tag
Page | 9© 2018 Magento, Inc.
• Centralized Tag Management
• Reduce Complexity When Using Similar Tags, Like Conversion Tracking
• Non-Developers Can Manage Tags
• Version Control
• Reduce Number of Installed Magento Extensions
• Eliminate JavaScript Hacked Into Themes
• Reduced Costs Over Time
• Magento Commerce GTM Includes Analytics "Enhanced Ecommerce"
Benefits of Google Tag Manager & Magento
Page | 10© 2018 Magento, Inc.
• Improved Marketing Funnel Reports
• Checkout Abandonment By Checkout Step
• Affiliate Code Report
• Coupon Code Report
• Internal Promotion Report
• Refunds Reduce Conversion Value
Benefits of Analytics Enhanced Ecommerce
Page | 11© 2018 Magento, Inc.
• Magento Commerce 2.x.x (including Cloud)
– Built In
– Easy Configuration
– Supports Google Analytics Enhanced Ecommerce
• Magento Open Source 2.x.x
– Not Included
– Requires Installation of Third Party Extension
• Most Support Google Analytics Enhanced Ecommerce
Support For GTM In Magento
Page | 12© 2018 Magento, Inc.
Tag Manager: Account Creation
2
1
https://tagmanager.google.com
Page | 13© 2018 Magento, Inc.
Tag Manager: Don't Install GTM Snippets
Page | 14© 2018 Magento, Inc.
Tag Manager: Ready To Go!
Page | 15© 2018 Magento, Inc.
Tag Manager: Import Magento 2 Settings (1/2)
1
2
Page | 16© 2018 Magento, Inc.
Tag Manager: Import Magento 2 Settings (2/2)
Download: www.psyberware.com/blog/gtm1
2
3
Page | 17© 2018 Magento, Inc.
Tag Manager: Tags, Triggers, and Variables
Page | 18© 2018 Magento, Inc.
Tag Manager: Set Analytics ID
1
2
3
Page | 19© 2018 Magento, Inc.
Tag Manager: Publish It!
GTM Basic Setup
Magento Commerce
Page | 21© 2018 Magento, Inc.
Sales > Google API > Google Analytics
Magento: Stores > Configuration
1
2
3
Page | 22© 2018 Magento, Inc.
Sales > Google API > Google AdWords
Magento: Stores > Configuration
Enhanced Ecommerce
Google Analytics
Page | 24© 2018 Magento, Inc.
Analytics: Ecommerce Settings On View
Page | 25© 2018 Magento, Inc.
Analytics: Enable Enhanced Ecommerce
1
2
3
Page | 26© 2018 Magento, Inc.
Enhanced Ecommerce Reports In Action
Conversion Tracking
Google AdWords
Page | 28© 2018 Magento, Inc.
Analytics: Ecommerce Settings On View
Page | 29© 2018 Magento, Inc.
(If you already linked Analytics to AdWords, it looks like this!)
Analytics: AdWords Linking
Page | 30© 2018 Magento, Inc.
(If you haven't already done this)
Analytics: AdWords Linking
123-456-78901
2
Page | 31© 2018 Magento, Inc.
Tools > Conversions
AdWords: Import Conversion From Analytics
1
2
3
Conversion Tracking
Bing Ads
Page | 33© 2018 Magento, Inc.
Bing Ads: Create a UET Tag & Get Tag ID
1
2
3
Page | 34© 2018 Magento, Inc.
Bing Ads: Don't Install Bing Javascript
Page | 35© 2018 Magento, Inc.
Bing Ads: Create a Conversion Goal
1
2
3
A123BCDE
4
5
Page | 36© 2018 Magento, Inc.
Tag Manager: Understanding the Data Layer
ecommerce.purchase.actionField.revenue
Page | 37© 2018 Magento, Inc.
Tag Manager: "Checkout Revenue" Variable (1/2)
1
2
Page | 38© 2018 Magento, Inc.
Tag Manager: "Checkout Revenue" Variable (2/2)
Page | 39© 2018 Magento, Inc.
Tag Manager: Creating Bing Ads UET Tags
1
2
3
Page | 40© 2018 Magento, Inc.
Tag Manager: Create "Bing Ads Pageview" Tag
1
2
Page | 41© 2018 Magento, Inc.
Tag Manager: Create "Bing Ads Purchase" Tag
5
4
3
2
1
Conversion Tracking
Page | 43© 2018 Magento, Inc.
Tag Manager: Create "Facebook Pageview" Tag
1
2
3
Page | 44© 2018 Magento, Inc.
Tag Manager: Create "Facebook Purchase" Tag
1
2
3
Page | 45© 2018 Magento, Inc.
Set "Facebook Purchase" to Fire After "Facebook Pageview"
Tag Manager: Tag Firing Sequences
A/B Testing
Google Optimize
Page | 47© 2018 Magento, Inc.
Tag Manager: Create "Optimize" Tag
1
2
3
No Trigger!
Page | 48© 2018 Magento, Inc.
Tag Manager: Fire Optimize Before Analytics
Modify "Universal Analytics" Tag
Final Thoughts
Page | 50© 2018 Magento, Inc.
Preview Mode
Tips & Troubleshooting: GTM Preview Mode
Page | 51© 2018 Magento, Inc.
Tips & Troubleshooting: Browser Extensions
Page | 52© 2018 Magento, Inc.
• GTM, Enhanced Ecommerce, Conversion Tracking, and Optimize
• On Magento Commerce? Use What You're Already Paying For!
– You Can Reduce Cost and Complexity With Magento + GTM
• Analytics Enhanced Ecommerce Reporting
– Better Data
– Better Decisions
• Conversion Tracking Doesn't Require Developers or Installing Extensions
In the time you took to watch this presentation, you could have set it up…
Final Thoughts
… So, go do it!
Page | 53© 2018 Magento, Inc.
www.psyberware.com/blog/gtm
Instructions & Screenshots
@daviddeppner
Thank You!