Отслеживание конверсий Google Analytics не работает в BigCommerce Checkout SDK - PullRequest
Новая
       86

Отслеживание конверсий Google Analytics не работает в BigCommerce Checkout SDK

0 голосов
/ 30 января 2020

Мы используем BigCommerce для нашего сайта. Мы реализовали Checkout SDK для страницы Checkout с помощью React. Поскольку Bigcommerce в настоящее время не поддерживает Google Analytics для Checkout SDK, мы попытались внедрить Googlr Analytics и столкнулись с приведенной ниже проблемой. Мы добавили следующий код в раздел «Аналитика данных» в разделе «Дополнительные параметры-> Веб-аналитика-> Google Analytics» на панели администратора BigCommerce. 

window.dataLayer = window.dataLayer||[];
function trackGTMEcommerce() {
    this._addTrans = addTrans;
    this._addItem = addItems;
    this._trackTrans = trackTrans;
}
var transaction = {};
transaction.transactionProducts = [];

function addTrans(orderID, store, total, tax, shipping, city, state, country) {
    transaction.transactionId = orderID;
    transaction.transactionAffiliation = store;
    transaction.transactionTotal = total;
    transaction.transactionTax = tax;
    transaction.transactionShipping = shipping;
}
function addItems(orderID, sku, product, variation, price, quantity) {
    transaction.transactionProducts.push({
        'id': orderID,
            'sku': sku,
            'name': product,
            'category': variation,
            'price': price,
            'quantity': quantity
    });
}
function trackTrans() {
    transaction.event = 'transactionSuccess';
    dataLayer.push(transaction);
}
var pageTracker = new trackGTMEcommerce();
</script>
<!-- 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 -->

Затем, в начале тега, мы добавили код ниже 

<!-- 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 -->

Нам нужно отследить конверсию для проверки OnePage. Нам необходимо получить данные отслеживания для следующих пунктов:

  1. Сколько клиентов вошло в раздел Доставка

  2. Сколько клиентов вошло в раздел оплаты

  3. Сколько клиентов вошло в раздел «Оплата»

  4. Количество клиентов, вступивших в оформление заказа

Так мы создали цель с вышеуказанными шагами. PageView будет запущен только при загрузке страницы. Поскольку мы используем OnePage Checkout, мы создали «Virtual PageView» для запуска PageView. Мы следовали инструкциям по ссылке ниже, чтобы создать цель для OnePage Checkout. https://www.upbuild.io/blog/one-page-checkout-funnel-tracking-google-tag-manager/

После выполнения вышеприведенного шага я вижу виртуальный просмотр страницы в режиме реального времени. Но я не вижу отслеживания конвертации в реальном времени. Также в воронке данные не отслеживаются. Я не знаю, чего мне не хватает. Кто-нибудь может мне помочь с этим?

...