Настройка электронной торговли с помощью Google Tag Manager

Очень долго настраивал и решил тут оставить как настроить электронную торговлю с помощью google tag maneger. Есть еще и другие способы настройки, мне показался это самый простой и понятный способ.

По умолчанию мы уже установили код отслеживания google analytics и google tag manager на сайт. И так приступим:

1. Включить электронную торговлю  в google analytics

Администратор - Настройка электронной торговли

2. В Google tag manager создать тег и добавить к нему триггер просмотр страницы, у меня opencart по-этому указал, если урл содержит checkout/success

3. В коде сайта в секции head перед Google Tag manager ставим код:

<script>
  window.dataLayer = window.dataLayer || [];
  dataLayer.push({
"transactionId":"1234", 
"transactionAffiliation":"StoreName",
"transactionTotal":999,
"transactionProducts":[
{"name":"Best Product",
"sku":"A999",
"price":999,
"quantity":1
}]});
</script>

После пошел код  Google Tag manager:

 <!-- Google Tag Manager -->
<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=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
  <!-- End Google Tag Manager -->