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-form-success', function(event) {
  const offerData = event.detail.data;

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

// Vehicle events
document.body.addEventListener('carpose-vehicle-select', function(event) {
  const vehicleData = event.detail.data;

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

document.body.addEventListener('carpose-vehicle-contact-form-open', function(event) {
  const vehicleData = event.detail.data;

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

document.body.addEventListener('carpose-vehicle-contact-form-success', function(event) {
  const vehicleData = event.detail.data;

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