Example: Facebook Pixel

// Offer events
document.body.addEventListener('carpose-offer-select', function(event) {
  const offerData = event.detail.data;

  if (typeof fbq !== 'undefined') {
    fbq('track', 'ViewContent', {
      content_name: offerData.headline,
      content_category: 'vehicle_offer',
      content_ids: [offerData.id]
    });
  }
});

document.body.addEventListener('carpose-offer-contact', function(event) {
  const offerData = event.detail.data;

  if (typeof fbq !== 'undefined') {
    fbq('track', 'Lead', {
      content_name: offerData.headline,
      content_category: 'vehicle_inquiry'
    });
  }
});

// Car events
document.body.addEventListener('carpose-car-select', function(event) {
  const carData = event.detail.data;

  if (typeof fbq !== 'undefined') {
    fbq('track', 'ViewContent', {
      content_name: carData.name,
      content_category: 'vehicle_detail',
      content_ids: [carData.id],
      custom_manufacturer: carData.manufacturer,
      custom_model: carData.model
    });
  }
});

document.body.addEventListener('carpose-car-contact-modal-open', function(event) {
  const carData = event.detail.data;

  if (typeof fbq !== 'undefined') {
    fbq('track', 'InitiateCheckout', {
      content_name: carData.name,
      content_category: 'vehicle_inquiry',
      content_ids: [carData.id]
    });
  }
});

document.body.addEventListener('carpose-car-contact', function(event) {
  const carData = event.detail.data;

  if (typeof fbq !== 'undefined') {
    fbq('track', 'Lead', {
      content_name: carData.name,
      content_category: 'vehicle_inquiry',
      custom_manufacturer: carData.manufacturer,
      custom_offer_number: carData.offerNumber
    });
  }
});