Tag Manager Plus – Part 3: Magento Extension Installation & Setup

Overview

This chapter will walk you through the installation and configuration of the Tag Manager Plus extension in your Magento web store.

Installing from Magento Connect

  1. Go to https://www.magentocommerce.com/magento-connect/google-tag-manager-plus-1.html and click on “Install Now”
  2. Agree to the licence agreement and click “Get Extension Key”
  3. Click on “Select Key” then copy the key
  4. Log in to your Magento admin panel
  5. Click on System > Magento Connect > Magento Connect Manager
  6. Paste the extension key & click Install
  7. Click Proceed
  8. Following a successful installation Panalysis_TagManager will appear at the end of the list of existing extensions

Magento Extension Configuration

  1. Before configuring the extension, you must log out and log back in after the extension has been installed. Failing to do so will result in a 404 error when attempting to view the extension configuration screen. This is due to the design of Magento’s security.
  2. After logging out and back in, the configuration page can be found in Admin, under System > Configuration
  3. Under the left hand side menu, there is an item for “Tag Management”. Click on this link to reach the configuration page.
  4. There are two main parts to this configuration:
    1. Google Tag Manager configuration
    2. Open Graph configuration
  5. With each change made on the form, ensure that “Save Config” is clicked which can be found on the top right hand side of the page.

Google Tag Manager Settings

Here is the Magento Extension Configuration form for Google Tag Manager:

Container ID

The Container ID can be found in Google Tag Manager at the top of your workspace. It will start with “GTM-“.

Brand Attribute Code

The Brand attribute code populates the “Brand” dimension field within Google Analytics. We recommend that you use the default “manufacturer” attribute. This field must be entered in lowercase (without quotes).

Use Multiple Currencies

Enabling this option ensures that the currency used for each transaction is passed to Google Analytics (eg USD, AUD). This is only required when your store can process transactions in multiple currencies.

When a transaction’s currency differs from the currency configured in the Google Analytics view, Google Analytics will convert the transaction amount using the previous day’s exchange rate.  More info.

Enable Product List View Tracking

Product List Impressions allow you to monitor the number of times particular SKUs are viewed by a visitor. Enable Product List View tracking if you would like to track Product List Impressions.

Maximum Number of Products in List

If a list is too large the data will not be sent to Google Analytics. We recommend a maximum list size of 100.

Enable Ajax Add To Cart Tracking

Choose “Yes” if the page does not change or reload after adding an item to your cart. This ensures the add to cart event is sent to Google Analytics from the Ajax request.

Open Graph Settings

Enabling Open Graph tags improves the appearance of shared content from your store in Facebook and Twitter.

Pinterest support is also included to include your Pinterest profile picture in any pins which came from your store.

Enabled

Change this to Yes if you want to enable advanced sharing functionality for Pinterest, Facebook or Twitter. Note that you must have accounts on these platforms before you can proceed.

If you are not using one of these platforms, leave those fields blank.

Pinterest Domain Verification Code

  1. Follow the process documented here to obtain the meta tag for your website: https://help.pinterest.com/en/articles/confirm-your-website
  2. After clicking on “Confirm Website” from within the User Settings you will find this popup:
  3. Take the highlighted string (which is obfuscated in the above screenshot) of letters and numbers and copy it into the field for Pinterest in the Extension Configuration form.

Facebook App ID

  1. Follow the directions here to create a Facebook App: https://developers.facebook.com/docs/apps/register
  2. After completing the process, the App ID is shown in your Dashboard: https://developers.facebook.com/apps/

  3. Copy the App ID & paste into the Facebook App ID field.

Facebook Admin ID

  1. Go to https://developers.facebook.com/tools/explorer/ and log in (you must be an admin of the business Facebook page)
  2. Click on “Get Token” then choose “Get User Access Token”
  3. Click “Get Access Token”
  4. Click “Continue as <your name>”
  5. Ensure that in the GET field it includes: “me?fields=id,name”
  6. Click Submit
  7. In the box below the Submit form, something like the below should appear. Copy the ID (highlighted in yellow and obfuscated) which is a string of numbers and paste into the Facebook Admin ID field.

Use Twitter Cards

Change this to Yes to enable Twitter Cards. This ensures content which is shared in Twitter displays as desired.

Twitter Store Username

Enter your store’s Twitter ID including the @ symbol (eg @panalysis).

Twitter Creator Username

If the author should be specified separately to the stores Twitter ID, their personal ID can be entered here. This is useful when the author has their own following.

If left blank the store’s Twitter ID is always used.

Use Twitter Summary Card with Large Image Feature

Enable this to include a large image in the shared Tweet.

Default Twitter Card Image

When a product page is shared on Twitter the product image will be shown in the Tweet. For non-product pages the Tweet will have no image by default. To include a default image, use this option to upload a jpeg, gif or png file.

Optimizely Tag Settings

Optimizely is an A/B testing tool which requires their snippet to be hardcoded within a page. The ‘Google Tag Manager Plus’ plugin can implement this easily for you by simply pasting the Project ID into the configuration panel.

  1. If you are running Optimizely experiments, change Enabled to Yes.
  2. Visit Optimizely.com and log in. From within Settings  > Implementation you will find your Project ID:
  3. Paste in the Optimizely Project ID:

Continue to Part 4: Testing & Go Live

Related Pages
Tag Manager Plus Magento Extension
Tag Manager Plus User Manual
Part 1: Google Analytics Setup
Part 2: Google Tag Manager Setup
Part 4: Testing & Go Live