(function (f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function () {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = true;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = true;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s);
})(
window,
document,
'script',
'https://connect.facebook.net/en_US/fbevents.js'
);
/* REEMPLAZA este valor por el ID del nuevo dataset de Meta */
var azumarePixelId = 'TU_NUEVO_PIXEL_ID';
/* Envía los eventos únicamente al nuevo dataset */
function azumareCustomEvent(eventName, parameters) {
if (typeof fbq !== 'function') return;
fbq(
'trackSingleCustom',
azumarePixelId,
eventName,
parameters || {}
);
}
/* Inicializa el Pixel y registra la visita a esta página */
fbq('init', azumarePixelId);
fbq('trackSingle', azumarePixelId, 'PageView');
/* Identifica desde dónde se hizo clic */
function getClickLocation(element) {
if (element.closest('header, .elementor-location-header')) return 'header';
if (element.closest('footer, .elementor-location-footer')) return 'footer';
return 'page_content';
}
/* Clics en enlaces y botones */
document.addEventListener('click', function (event) {
var target = event.target;
if (!target || !target.closest) return;
var link = target.closest('a[href]');
if (!link) return;
var href = link.href || '';
var text = (link.innerText || link.textContent || '')
.replace(/\s+/g, ' ')
.trim()
.toUpperCase();
var clickLocation = getClickLocation(link);
/* Botón RESERVE NOW → Toast Tables */
if (href.indexOf('tables.toasttab.com') !== -1) {
azumareCustomEvent('ReservationButtonClick', {
button_name: 'RESERVE NOW',
destination: 'Toast Tables',
click_location: clickLocation
});
return;
}
/* Botones ORDER NOW → Sauce */
if (href.indexOf('getsauce.com') !== -1) {
azumareCustomEvent('OrderButtonClick', {
button_name: 'ORDER NOW',
destination: 'Sauce',
click_location: clickLocation
});
return;
}
/* Botón GET DIRECTIONS → Google Maps */
if (href.indexOf('google.com/maps') !== -1) {
azumareCustomEvent('DirectionsButtonClick', {
destination: 'Google Maps',
click_location: clickLocation
});
return;
}
/* Instagram */
if (href.indexOf('instagram.com/azumaremiami') !== -1) {
azumareCustomEvent('InstagramClick', {
destination: 'Instagram',
click_location: clickLocation
});
return;
}
/* Llamadas o emails, si se agregan enlaces tel: o mailto: en el futuro */
if (href.indexOf('tel:') === 0) {
azumareCustomEvent('PhoneClick', {
click_location: clickLocation
});
return;
}
if (href.indexOf('mailto:') === 0) {
azumareCustomEvent('EmailClick', {
click_location: clickLocation
});
return;
}
/* Botón OUR STORY */
if (text === 'OUR STORY') {
azumareCustomEvent('OurStoryClick', {
click_location: clickLocation
});
return;
}
/* Navegación interna: Menu, Contact, About Us y Reservations */
try {
var url = new URL(href, window.location.href);
if (url.origin === window.location.origin) {
var navigationPages = {
'/menu/': 'Menu',
'/contact/': 'Contact',
'/about-us/': 'About Us',
'/reservations/': 'Reservations'
};
if (navigationPages[url.pathname]) {
azumareCustomEvent('NavigationClick', {
destination_page: navigationPages[url.pathname],
click_location: clickLocation
});
}
}
} catch (error) {
/* No hacer nada si la URL no puede leerse */
}
}, true);
/* Tracking del video principal */
function trackVideoInteractions() {
var videos = document.querySelectorAll('video');
videos.forEach(function (video) {
if (video.dataset.metaTrackingAttached === 'true') return;
video.dataset.metaTrackingAttached = 'true';
var milestonesSent = {
0: false,
25: false,
50: false,
75: false,
100: false
};
video.addEventListener('play', function () {
if (!milestonesSent[0]) {
milestonesSent[0] = true;
azumareCustomEvent('VideoStart', {
video_name: 'Azumare Main Video'
});
}
});
video.addEventListener('timeupdate', function () {
if (!video.duration || !isFinite(video.duration)) return;
var progress = (video.currentTime / video.duration) * 100;
[25, 50, 75].forEach(function (milestone) {
if (progress >= milestone && !milestonesSent[milestone]) {
milestonesSent[milestone] = true;
azumareCustomEvent('Video' + milestone + 'Percent', {
video_name: 'Azumare Main Video'
});
}
});
});
video.addEventListener('ended', function () {
if (!milestonesSent[100]) {
milestonesSent[100] = true;
azumareCustomEvent('VideoComplete', {
video_name: 'Azumare Main Video'
});
}
});
});
}
/* Tracking de scroll: 50 % y 90 % */
var scrollMilestonesSent = {
50: false,
90: false
};
function trackScrollDepth() {
var pageHeight = document.documentElement.scrollHeight - window.innerHeight;
if (pageHeight = milestone && !scrollMilestonesSent[milestone]) {
scrollMilestonesSent[milestone] = true;
azumareCustomEvent('ScrollDepth', {
percent_scrolled: milestone
});
}
});
}
trackVideoInteractions();
window.addEventListener('scroll', trackScrollDepth, { passive: true });
window.addEventListener('load', function () {
trackVideoInteractions();
trackScrollDepth();
});
