Skip to content

Instantly share code, notes, and snippets.

@paulca
Last active May 20, 2021
Embed
What would you like to do?
Tito gtag.js plugin
export default function () {
console.info("[tito][gtag]", "plugin loaded");
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
window.tito =
window.tito ||
function () {
(tito.q = tito.q || []).push(arguments);
};
tito("on:registration:started", function (registration) {
console.info("[tito][gtag]", "tracking registration started");
const items = [];
registration.line_items.forEach(function (item) {
items.push({
id: item.id,
name: item.title,
price: item.price,
category: registration.event.title,
brand: registration.account.name,
});
});
const eventData = {
items: items,
coupon: registration.discount_code,
};
gtag("event", "begin_checkout", eventData);
});
tito("on:registration:finished", function (registration) {
console.info("[tito][gtag]", "tracking registration finished");
const items = [];
registration.line_items.forEach(function (item) {
items.push({
id: item.id,
name: item.title,
price: item.price,
category: registration.event.title,
brand: registration.account.name,
});
});
const eventData = {
transaction_id: registration.slug,
affiliation: registration.source,
value: registration.total,
currency: registration.currency,
tax: registration.tax,
items: items,
};
gtag("event", "purchase", eventData);
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment