Shoperb for Developers

Integrations

Google Analytics Integration

Google Analytics is already integrated into the Shoperb. And to start tracking events you need to add special html attributes into shoperb theme code on buttons.

Set up tracking events

Shoperb supports tracking of 7 basic events - 'add to cart', 'checkout', 'authentication', 'shipping', 'billing', 'payment', 'completed'. In the code of buttons, that generate these events should be placed the following attributes. For each button it is own html attribute:

Add To Cart - ga-goal-tracking="add-to-cart"

Checkout - ga-goal-tracking="checkout"

Authentication - ga-goal-tracking="authentication"

Shipping - ga-goal-tracking="shipping"

Billing - ga-goal-tracking="billing"

Payment - ga-goal-tracking="payment"

Completed - ga-goal-tracking="completed"

Example

<div class="add-to-cart">
   <button class="button primary" ga-goal-tracking="add-to-cart" type="submit" >{{'product.add_to_cart' | t}}</button>
</div>

Example

Also Shoperb can send ecommerce traking events to Google Analytics. This functionality doesn't need to be configured, they trigger automatically when an event occurs. Currently Shoperb generates two ecommerce traking events - "addTransaction" and "addItem",

ecommerce:addTransaction {
  'id',
  'affiliation',
  'revenue',
  'shipping',
  'tax'  
}

ecommerce:addItem {
  'id',
  'name',
  'sku',
  'category',
  'price',
  'quantity'

Facebook Pixel Integration

Facebook Pixel is already integrated into the Shoperb. And to start tracking events you need to add special html attributes into shoperb theme code on buttons.

Set up tracking events

Currently Shoperb supports only 2 tracking events - 'add to cart' and 'checkout'. In the code of buttons, that generate these events should be placed the following attributes. For each button it is own html attribute:

Add To Cart - fb-pixel-tracking="add-to-cart"

Checkout - fb-pixel-tracking="checkout"

Example

<div class="add-to-cart">
   <button class="button primary" fb-pixel-tracking="add-to-cart" type="submit" >{{'product.add_to_cart' | t}}</button>
</div>

← Examples →