window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-D5SHMB13QZ");
Metrics API
//intro to metrics api to ensure Sightmap is loaded and ready for events
document.addEventListener("DOMContentLoaded", function (event) {
const embed = new SightMap.Embed("sightmap");
console.log(embed);
embed.on("ready", function () {
console.log("SightMap is ready");
//metrics.unitDetails.apply.click
embed.on("metrics.unitDetails.apply.click", function (event) {
const unitNumber = event.data.unit.unitNumber;
const eventName = `Apply Click - Unit ${unitNumber}`;
gtag("event", eventName);
});
//metrics.unitlist.unit.click
embed.on("metrics.unitList.unit.click", function (event) {
const unitNumber = event.data.unit.unitNumber;
const eventName = `Unit List Click - Unit ${unitNumber}`;
gtag("event", eventName);
});
//metrics.unitmap.unit.click
embed.on("metrics.unitMap.unit.click", function (event) {
const unitNumber = event.data.unit.unitNumber;
const eventName = `Unit Map Click - Unit ${unitNumber}`;
gtag("event", eventName);
});
//metrics.unitmatches.impression
embed.on("metrics.unitMatches.impression", function (event) {
const eventName = "SightMap Unit Matches View";
gtag("event", eventName);
});
//metrics.unitlist.impression
embed.on("metrics.unitList.impression", function (event) {
const eventName = "SightMap Unit List View";
gtag("event", eventName);
});
//metrics.unitlist.change
embed.on("metrics.unitList.change", function (event) {
const eventName = "SightMap Unit List Change";
gtag("event", eventName);
});
//metrics.unitDetails.outbound.click
embed.on("metrics.unitDetails.outbound.click", function (event) {
const unitNumber = event.data.unit.unitNumber;
const ctaName = event.data.label;
const eventName = `CTA Click - ${ctaName} - Unit ${unitNumber}`;
gtag("event", eventName);
});
});
});