Google Tag Manager dataLayer & Luminate Online

Options

Hi, I am attempting to implement Google Tag Manager, specifically, the dataLayer, within Luminate Online. Has anyone been able to accomplish passing transaction (purchase) information into the GTM dataLayer? If so, would you mind sharing how you accomplished this? I was able to get the GTM to fire but not pass the transaction data. I appreciate any insight you might have to offer. Thank you.

Tagged:

Comments

  • I was able to install GTM within LO this week. The GTM code block should be placed in the page wrapper in the HTML body, so it appears directly after the <body> tag. I put the jovascript dataLayer block in the "Additional HTML Tags for HEAD Element" section. So far this is working for us. We set up GTM to look at the secure3.convio.net/yourcompanyname/ domain and it is tracking. We were also able to set up the ecommerce area to track donations. I hope this helps.

  • Lori Burlingham:

    I was able to install GTM within LO this week. The GTM code block should be placed in the page wrapper in the HTML body, so it appears directly after the <body> tag. I put the jovascript dataLayer block in the "Additional HTML Tags for HEAD Element" section. So far this is working for us. We set up GTM to look at the secure3.convio.net/yourcompanyname/ domain and it is tracking. We were also able to set up the ecommerce area to track donations. I hope this helps.

    Hi Lori -

     

    You'll need to mash up instructions from the Googles and from Convio (here or here).

     

    This is untested... but it could be the answer. 

     


    [[U0:analyticsTransComplete=false]]
    [[?xtruex::x[[S334:df_preview]]x::
    ::
    [[?
    [[?[[S8]]::donation=completed::T::]]
    [[?xTracking Codex::x[[S120:dc:trackingCode]]x::::T]]
    [[?xxdc:donationFormNamexx::xx[[S120:dc:donationFormName]]xx::::T]]
    ::T::
    <script>
    [[U0:analyticsTransComplete = true]]

    // modify and set session variables
    [[U0:analyticsOrderId=[[T6:[[S120:dc:trackingCode]]]]]] // maps tracking code to order id
    [[U0:analyticsAffiliation=[[T6:[[S120:dc:donationFormName]]]]]] // maps donation form name to Affiliation
    [[U0:analyticsTransAmount=[[E130:"[[S120:dc:giftAmount]]" 1 "[[S120:dc:giftAmount]]" length substring "," "" replaceall]]]] // corrects donation form $dollar amount and maps to transaction amount
    [[U0:analyticsPageName=[[?xx::x[[S334:src_pagename]]x::[[S334:df_id]]::[[S334:src_pagename]]]]]] // maps pagename for API forms or donation form id (df_id) as the PRODUCT
    [[U0:analyticsCategory=[[T6:[[?xx:x[[S334:s_src]]x::::[[S334:s_src]]]]]]]] // maps source code to Category, if you don't use source code... you could do something donation campaign id?

    dataLayer = [{
    'transactionId': '[[S80:analyticsOrderId]]', // order ID - required
    'transactionAffiliation': '[[S80:analyticsAffiliation]]', // donation form name, mapped to "affiliation"
    'transactionTotal': '[[S80:analyticsTransAmount]]', // total - required
    '', // tax - you don't really need this as a non-profit, amirite?
    '', // shipping - you probably don't need this either
    'transactionProducts': [{
    'sku': 'DD44',
    'name': '[[S80:analyticsPageName]]', // Page name in URL SKU/code required (populates with pagename or df_id, pagename if you use API forms)
    'category': '[[S80:analyticsCategory]]', // source code, mapped to "category"
    '[[S80:analyticsTransAmount]]', // unit price - required
    'quantity': 1 // required
    }]
    }];
    </script>
    ::]]]]

     

    WWF hasn't fully implemented a Tag Management System just yet, but we're in the planning stages.

     

     

    Happy coding,

    Sara

     

  • Closing the loop!


    WWF implemented GTM in the early part of 2015! We did build the transaction product via the dataLayer from Luminate Online. 

    And that's pretty much the base for the code we implemented with. 

    http://inahat.co/2fh1vK3 

Categories