Google Analytics og E-commerce tracking

BookingStudios hjemmesideløsning understøtter tracking til forskellige trackers (f.eks. Google Analytics).

Indsæt dit Google Analytics ID i indstillingerne på hjemmesiden og slå E-commerce tracking til, så vil hjemmesiden automatisk sende relevante hændelser (events) til Google Analytics.

Indstilling i Umbraco

Det indstilles her: Content -> Dansk -> Indstillinger -> Google Analytics.

Vi understøtter følgende hændelser

Disse hændelser kan kobles direkte til standard E-commerce events i Google Analytics, så du kan følge kunderejsen fra visning til gennemført booking.

• Når en bruger ser en liste med ferieboliger.
  bwp:view-list - som f.eks. kan bruges som “view_item_list” hændelse i Google Analytics

• Når en bruger ser en specifik feriebolig.
  bwp:view-lodging - som f.eks. kan bruges som “view_item” hændelse i Google Analytics

• Når en booking påbegyndes.
  bwp:order-started - som f.eks. kan bruges som “add_to_cart” hændelse i Google Analytics

• Når en booking gennemføres.
  bwp:booking - som f.eks. kan bruges som “purchase” hændelse i Google Analytics

Vi har ikke rigtig begrebet indkøbskurv, da man altid kun kan booke én feriebolig ad gangen.

Tekniske detaljer

Dette fungerer via CustomEvent i javascript, der kaldes med et data objekt, som man så kan sende videre til den tracker, man benytter.

Her er nogle detaljer omkring de data, vi sender til GA:

bwp:view-list

const data = {
  item_list_id: "@(currentPageId)",
  item_list_name: "@(currentPageName)",
  items: items.map(function(item) {
      return {
          item_id: "@(LodgingPrefix)" + item.lodging.id,
          item_name: item.lodging.name,
          currency: item.value ? item.value.currency : "@(fallbackCurrency)",
          location_id: item.lodging.location.id.toString(),
          price: item.value.amount,
          quantity: 1
      };
  })
};
gtag('event', 'view_item_list', data);

bwp:view-lodging

const data = {
  currency: value.currency,
  value: value.amount,
  items: [
  {
      item_id: "@(LodgingPrefix)" + lodging.id,
      item_name: lodging.name,
      affiliation: "Website",
      index: 1,
      item_category: "Property",
      item_category2: lodging.location.name,
      location_id: lodging.location.id.toString(),
      price: value.amount,
      quantity: 1
  }
  ]
};
gtag('event', 'view_item', data);

bwp:order-started

const data = {
  currency: value.currency,
  value: value.amount,
  items: [
    {
      item_id: "@(LodgingPrefix)" + lodging.id,
      item_name: lodging.name,
      affiliation: "Website",
      index: 1,
      item_category: "Property",
      item_category2: lodging.location.name,
      location_id: lodging.location.id.toString(),
      price: value.amount,
      quantity: 1
    }
  ]
};
gtag('event', 'add_to_cart', data);

bwp:booking

const data = {
  currency: booking.currency,
  transaction_id: booking.reservationId,
  value: booking.totalPrice,
  items: [
  {
      item_id: "@(LodgingPrefix)" + booking.lodging.id,
      item_name: booking.lodging.name,
      affiliation: "Website",
      discount: booking.discountBookingsTotalPrice,
      index: 1,
      item_category: "Property",
      item_category2: booking.location.name,
      location_id: booking.location.id.toString(),
      price: booking.bookingsTotalPrice,
      quantity: 1
  }
  ].concat(booking.itemLines.map(function (il,idx) {
      return {
          item_id: "@(ItemPrefix)" + il.itemId,
          item_name: il.description,
          item_category: "Item",
          index: idx + 2,
          price: il.lineTotalPrice,
          quantity: il.quantity
      };
  }))
};
gtag('event', 'purchase', data);