javascript - GTM data layer eventCallback function

So i have Ecommerce code setup in GTM data layer, but after that is sent to Analytics i want the page to be redirected so i know i should be using eventCallback but it is not working for some reason.

<body>
<script>
    dataLayer = [{
        'transactionId': '56833',
        'transactionAffiliation': 'TestName',
        'transactionTotal': 1540.00,
        'transactionTax': 385,
        'transactionShipping': 0,
        'transactionProducts': [{
            'sku': 'FFSS44HH',
            'name': 'test',
            'category': 'TestCategory',
            'price': 1540.00,
            'quantity': 2
        }],
        'eventCallback': function() {
            document.location.href='';
        }
    }];
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager/ns.html?id=GTM-XXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXX');</script>
<!-- End Google Tag Manager -->

I have set up Ecommerce firing rule in GTM for this URL. I tried hitCallback and eventCallback but the redirect does not happen... What am i doing wrong here?

So i have Ecommerce code setup in GTM data layer, but after that is sent to Analytics i want the page to be redirected so i know i should be using eventCallback but it is not working for some reason.

<body>
<script>
    dataLayer = [{
        'transactionId': '56833',
        'transactionAffiliation': 'TestName',
        'transactionTotal': 1540.00,
        'transactionTax': 385,
        'transactionShipping': 0,
        'transactionProducts': [{
            'sku': 'FFSS44HH',
            'name': 'test',
            'category': 'TestCategory',
            'price': 1540.00,
            'quantity': 2
        }],
        'eventCallback': function() {
            document.location.href='https://www.paypal.com/something';
        }
    }];
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXX');</script>
<!-- End Google Tag Manager -->

I have set up Ecommerce firing rule in GTM for this URL. I tried hitCallback and eventCallback but the redirect does not happen... What am i doing wrong here?

Share Improve this question edited Sep 5, 2017 at 5:08 Simon E. 58.5k18 gold badges144 silver badges137 bronze badges asked Nov 7, 2014 at 13:39 Dreadlord 4131 gold badge9 silver badges30 bronze badges

Would you need to do a datalayer.push in order to trigger the eventCallback, as per this resource: simoahava.com/gtm-tips/hitcallback-eventcallback? – nyuen Commented Nov 7, 2014 at 17:00
There is something really wrong, becouse i tryed copy pasting some examples and they still dont work. I tried dosument.location and alert so i just see a message, but nothing works... Do you have any idea what could i be doing wrong here? – Dreadlord Commented Nov 10, 2014 at 8:37
You don't have an event parameter – Chuck Le Butt Commented Jun 13, 2018 at 14:48

Add a comment |

4 Answers 4

Sorted by: Reset to default 12

Taken from: http://www.simoahava.com/gtm-tips/use-eventtimeout-eventcallback/

Always add the eventTimeout parameter when using eventCallback. The former takes a numerical value as its parameter, representing the number of milliseconds to wait before calling eventCallback anyway. In other words, even if your Tags stall and never signal completion, after two seconds eventCallback is invoked.

window.dataLayer.push({
  'event' : 'processLink',
  'eventCallback' : function() {
    window.location = targetUrl
  },
  'eventTimeout' : 2000
});

i think i found a solution, i just added this ('event' : 'datalayerReady') at the end of the data layer:

'event' : 'datalayerReady',
'eventCallback': function() {
  document.location = "https://www.paypal.com/something";
}

This works well for me.

<script type="text/javascript">
if (typeof dataLayer !== "undefined") {
        dataLayer.push({
            'event': 'MyEvent',
            'eventCallback' : function() {
                window.location = 'http://stackoverflow.com/questions/26802554/gtm-data-layer-eventcallback-function';
            }
        });
    }
</script>
<noscript>
    <meta http-equiv="refresh" content="0;url=http://stackoverflow.com/questions/26802554/gtm-data-layer-eventcallback-function" />
</noscript>

Dreadlord,

try using this: (no href after window.location)

'eventCallback': function() {
    window.location.href = 'https://www.paypal.com/something';
}

This should fix it. Hope this helps, Petr

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - GTM data layer eventCallback function - Stack Overflow

4 Answers 4

与本文相关的文章

评论列表(0)