Uso Google Tag Manager per attivare i tag sul mio sito Web. Le variabili "non definite" nel codice personalizzato per qualsiasi versione di Internet Explorer

Question

Sto utilizzando Google Tag Manager per attivare i tag sul mio sito web. I tag si attivano correttamente in tutti i browser ad eccezione di Internet Explorer (qualsiasi versione). Quello che sta succedendo è che la macro GTM non viene popolata nel mio Javascript personalizzato quando si utilizza Internet Explorer. Tuttavia, se aggiorno la pagina vengono popolati. Sulla base di questo, presumo che il problema stia sparando prima che il DOM sia completamente caricato. Sto usando {{event}} equals gtm.dom nella "Regola". Ho anche provato a usare {{event}} equals gtm.load nella "Regola", ma anche questo non funziona. Ecco come ho definito la macro, la regola e il tag GTM. La cosa ancora più strana è che quando collaudo il tag in modalità "Anteprima" in GTM, funziona sempre, senza problemi. Ma una volta che lo pubblico, non funziona più a meno che non aggiorni la pagina. Che cosa sto facendo di sbagliato?

Macro Nome: PDP-ProdID
Macro Tipo: personalizzato JavaScript
JavaScript personalizzato:

function() { 
    var pdp_prodid = document.getElementsByName('sku')[0].value; 
    return pdp_prodid; 
} 

Nome regola: FullSite_Product_Detail_Page - Footer
Condizioni:
{{url}} contains gohastings.com/product/
{{event}} equals gtm.dom

Nome tag: Fetchback_Smart_Pixel-Remarketing-PDP
Tipo tag: Tag HTML personalizzato
HTML:
<iframe src='{{protocol}}://pixel.fetchback.com/serve/fb/pdj?cat=&name=landing&sid=6288&browse_products={{PDP-ProdID}}' scrolling='no' width='1' height='1' marginheight='0' marginwidth='0' frameborder='0'></iframe>

regole di attivazione: FullSite_Product_Detail_Page - Piè di pagina

Sito: qa.gohastings.com (Tuttavia, ho alcuni problemi sul mio sito di QA, quindi utilizzare questo collegamento in quanto vi porterà direttamente a una pagina dei dettagli del prodotto.
http://qa.gohastings.com/product/BOOK/Fifty-Shades-of-Grey-Bk-1/sku/287464232.uts (pagina dettagli prodotto)

Risultato del tag a carico prima pagina
<iframe width="1" height="1" src="http://pixel.fetchback.com/serve/fb/pdj?cat=&name=landing&sid=6288&browse_products=undefined" frameBorder="0" marginWidth="0" marginHeight="0" scrolling="no">

Risultato di tag dopo ricaricare la pagina
<iframe width="1" height="1" src="http://pixel.fetchback.com/serve/fb/pdj?cat=&name=landing&sid=6288&browse_products=287464232" frameBorder="0" marginWidth="0" marginHeight="0" scrolling="no">

Answer 1

ho avuto un problema simile monitoraggio delle transazioni e-commerce con Google Analytics. L'evento gtm.dom si attiva prima di configurare i dettagli della transazione. Quello che ho finito è stato attivare un evento personalizzato dopo aver impostato il livello dati invece di utilizzare l'evento gtm.dom.

È possibile modificare la condizione della regola di {{event}} equals myPageLoad, poi, dopo il caricamento della pagina e si sa tutto è pronto che è necessario (utilizzando $(document).ready(...) in jQuery, per esempio), chiamare:

dataLayer.push({ event: 'myPageLoad' });