Track AppointmentRequest

Quick start

One call in your booking form’s submit handler, anywhere after pb.js is loaded — this alone is a working AppointmentRequest event:

adsping('track', 'AppointmentRequest', {
  content_name: 'Consultation booking'
});

Every extra field you add raises your match quality — the full payload below passes the booker’s contact details.

Full example

Pick the tab for your stack — they all send the same event.

<script>
  document.querySelector('#booking-form')
    .addEventListener('submit', function () {
      adsping('track', 'AppointmentRequest', {
        content_name: 'Consultation booking',
        value:        0,
        currency:     'USD',
        email:        '[email protected]',
        phone:        '+1 415 555 1234',
        firstName:    'Jane',
        lastName:     'Doe',
        city:         'San Francisco',
        state:        'CA',
        zipCode:      '94107',
        country:      'US',
        externalId:   'crm-12345'
      });
    });
</script>

• HTML — replace #booking-form with your form’s id and place the snippet anywhere after the AdsPing script tag.
• React / Next.js — call window.adsping inside your form’s onSubmit, before your own submit logic runs.
• Google Tag Manager — paste the HTML snippet into a Custom HTML tag, triggered on your booking form submit.
• Using Calendly or another embedded scheduler? Fire the event on the scheduler’s confirmation callback or thank-you redirect instead of a form submit.

Parameters

Test it

1. Submit your booking form with test data.
2. Open your pixel’s Report → Recent events in AdsPing.
3. An AppointmentRequest row appears within ~10 seconds with a green Success badge.