Dodawanie kodu śledzenia e-commerce

Andrew Chornyy - 001

CEO Plerdy — ekspert w zakresie SEO i CRO z ponad 15-letnim doświadczeniem.

Chcesz więcej konwersji?

Przestań zgadywać — napraw to, co je zabija, w kilka minut. Zainstaluj rozszerzenia Plerdy dla Chrome: SEO Analyzer + UX Testing. Natychmiastowe dane SEO, audyt AI z priorytetowymi poprawkami, predykcyjne mapy cieplne i mapy przewijania oraz szybkie działania UX, które naprawdę robią różnicę.

Konfiguracja śledzenia wyników sprzedaży sklepu internetowego w Plerdy wymaga podstawowej znajomości edycji HTML i JavaScript. Jeśli nie czujesz się w tym pewnie, rozważ skorzystanie z pomocy specjalisty.

kod śledzenia e-commerce

Dzięki śledzeniu wyników sprzedaży sklepu internetowego w Plerdy możesz monitorować kluczowe dane, takie jak:

  1. Liczba transakcji w wybranym okresie.
  2. Liczba unikalnych użytkowników, którzy dokonali zakupu.
  3. Całkowity przychód sklepu internetowego.
  4. Współczynnik konwersji sklepu internetowego.
  5. Średnia wartość zamówienia.
  6. Liczba sprzedanych produktów.

śledzenie e-commerce

Te metryki są kategoryzowane według typu ruchu i urządzenia, co pozwala analizować, które źródła są najbardziej dochodowe. Dodatkowo Plerdy pomaga zidentyfikować, które elementy sklepu przyczyniają się do skutecznych zamówień oraz generowanego przez nie zysku.

Kroki wdrożenia

Aby rozpocząć zbieranie danych o wynikach sprzedaży w Plerdy, wykonaj następujące kroki:

    1. Skopiuj poniższy szablon skryptu:



<script type="text/javascript" defer>
var plerdysendData = {'type':'commerce', 'data': {'order_id':'ORDER_ID',
'money':TOTAL_AMOUNT, 'quantity':QUANTITY}}
</script>

Uwaga: TOTAL_AMOUNT powinno być wartością liczbową bez waluty, na przykład 12.42.

  1. Zastąp 'ORDER_ID’, TOTAL_AMOUNT oraz QUANTITY dynamicznymi zmiennymi odpowiadającymi danym transakcyjnym Twojego sklepu.
  2. Zainstaluj zmodyfikowany skrypt na stronie potwierdzenia zamówienia.
  3. Utwórz zamówienie testowe i sprawdź zakładkę Sales Performance w Plerdy. Zweryfikuj, czy dane zgadzają się ze szczegółami zamówienia.
  4. Jeśli wszystkie dane są poprawne, śledzenie wyników sprzedaży jest aktywne.

Przykłady implementacji kodu śledzenia

WordPress Woocommerce

Możesz dodać kod śledzenia poprzez automatyczną instalację wtyczki WP.

Shopify

Możesz dodać kod śledzenia do Shopify ręcznie, postępując zgodnie z instrukcją.

Magento



<script type="text/javascript" defer>
var plerdysendData = {'type':'commerce', 'data': {'order_id':
<?php echo $block->getRealOrderId(); ?>, 'money':
<?php echo $order_details->total_paid; ?>, 'quantity':
<?php echo $quantity_variable; ?>}}
</script>

Uwaga: Upewnij się, że zmienna $quantity_variable poprawnie odzwierciedla liczbę produktów w zamówieniu.

Opencart

\catalog\controller\checkout\success.php

Przed $this->cart->clear();



$data['ids'] = $this->session->data['order_id'];
$data['products'] = $this->cart->getProducts();
$ids = $data['products'];
$money = 0;
$quantity = 0;
foreach ($ids as $idse){
$money = $money + $idse['total'];
$quantity = $quantity + $idse['quantity'];
}
$data['money'] = $money;
$data['quantity'] = $quantity;
\catalog\view\theme\...\template\common\success.twig
<script type="text/javascript" defer>
var plerdysendData = {'type':'commerce', 'data': {'order_id':{{ ids }},
'money':{{ money }}, 'quantity':{{ quantity }} }}
</script>

CodeIgniter



{if strstr($CI->uri->uri_string(),'/order/view/')}
<script type="text/javascript" defer>
{literal} var plerdysendData = {'type':'commerce', 'data': {'order_id':
{/literal}{echo $model->getId()}{literal}, 'money':
{/literal}{echo $model->getTotalPrice()}{literal}, 'quantity':
{/literal}{echo $model->getQuantity()}}}
{literal}</script>
{/if}

Uwaga: Upewnij się, że funkcja getQuantity() poprawnie zwraca liczbę produktów w zamówieniu.

Wix



<?php
$order = json_decode($order);
$orderid = $order['order']['id'];
$ordertotal = $order['totals']['total'];
$orderquantity = $order['totals']['quantity'];
?>
<script type="text/javascript" defer>
var plerdysendData = {'type':'commerce', 'data': {'order_id':
<?php echo $orderid; ?>, 'money':
<?php echo $ordertotal; ?>, 'quantity':
<?php echo $orderquantity; ?>}}
</script>

Google Tag Manager

Możesz również dodać kod śledzenia e-commerce za pomocą GTM.

Testowanie

Wykonaj następujące kroki na stronie w trybie incognito w Chrome:

  1. Kliknij różne elementy na jednej stronie.
  2. Wykonaj zakup testowy.
  3. W panelu menu wybierz „Today” i aktywuj raport.

Zobaczysz, którym elementom została przypisana wartość zakupu.

kod śledzenia e-commerce