Wie passe ich den etracker Code an, damit das etracker Skript asynchron geladen wird?

Du kannst den vorhandenen etracker Code einfach anpassen, indem du src=“//static.etracker.com/code/e.js“ durch src=“//code.etracker.com/code/e.js“ ersetzt und das async Keyword hinzufügst.

Der Code muss aussehen wie im folgenden Beispiel:

Achtung bei der Verwendung des asynchronen Codeabrufs und eCommerce Events. Hier kann es zu Timingproblemen kommen, die zur Folge haben, dass die eCommerce Events nicht erfolgreich übermittelt werden. Daher sollte der Aufruf der eCommerce-API in folgender Funktion erfolgen, die sicherstellt, dass der etracker Code bereits geladen wurde, bevor die eCommerce Events abgesendet werden:

<script>
function _etrackerOnReady() {
etCommerce.sendEvent('viewProduct', { /* product */ } );
}
</script>

Oder folgende Funktion, wenn mehrere Events an verschiedenen Stellen im Code abgeschickt werden sollen:

<script>
window._etrackerOnReady = typeof window._etrackerOnReady === 'undefined' ? [] : window._etrackerOnReady;
window._etrackerOnReady.push(function() { etCommerce.sendEvent('viewProduct', { /* product1 */ } ) });
</script>
...
<script>
window._etrackerOnReady.push(function() { etCommerce.sendEvent('viewProduct', { /* product2 */ } ) });
</script>

FAQ