Widget

<script src="https://daybooked.io/widget.js" data-org="your-slug" async></script>

<script src="https://daybooked.io/widget.js" data-org="your-slug" data-mode="button" async></script>

window.addEventListener("daybooked:booked", (event) => {
  const { reference, value, currency, offering } = event.detail; // e.g. "0GWYRZ2V", 190, "USD", { id, name, kind }
});

<script src="https://daybooked.io/widget.js" data-org="your-slug" data-analytics="datalayer" async></script>

// Your endpoint for daybooked's webhooks, as Node's http.createServer(onWebhook). daybooked waits 5 seconds
// for the answer, so check the signature (verify() from /docs/webhooks), answer, and only then send.
async function onWebhook(req, res) {
  let body = "";
  for await (const chunk of req) body += chunk;
  if (!verify(process.env.DAYBOOKED_WEBHOOK_SECRET, body, req.headers["daybooked-signature"] ?? "")) {
    return res.writeHead(401).end();
  }
  res.writeHead(204).end();
  const event = JSON.parse(body);
  // The sends you use. On a serverless host, hand them to its waitUntil rather than awaiting them here.
  await Promise.allSettled([sendToGA4(event), sendToMeta(event)]);
}

async function sendToGA4(event) {
  const booking = event.data;
  if (event.type !== "booking.confirmed" || !booking.payment_intent_id) return;
  const kinds = { class: "Class", appointment: "Private", rental: "Rental" };
  const value = booking.total_cents / 100; // minor units to major: leave out "/ 100" for a zero-decimal currency such as JPY
  const url = `https://www.google-analytics.com/mp/collect?measurement_id=${GA_MEASUREMENT_ID}&api_secret=${GA_API_SECRET}`;
  await fetch(url, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      // A stand-in, so GA4 records the sale without the visit's source: send the visitor's own client ID if your page saved it.
      client_id: booking.id,
      timestamp_micros: Date.parse(event.created_at) * 1000,
      events: [{
        name: "purchase",
        params: {
          transaction_id: booking.reference,
          value,
          currency: "USD", // your org's currency
          items: [{
            item_id: booking.offering.id,
            item_name: booking.offering.name,
            item_category: kinds[booking.offering.kind],
            quantity: booking.quantity,
            price: value / booking.quantity,
          }],
        },
      }],
    }),
  });
}

import { createHash } from "node:crypto";

async function sendToMeta(event) {
  const booking = event.data;
  if (event.type !== "booking.confirmed" || !booking.payment_intent_id) return;
  // Meta matches a sale to a person by their email: trimmed, lower case, SHA-256.
  const email = createHash("sha256").update(booking.customer.email.trim().toLowerCase()).digest("hex");
  await fetch(`https://graph.facebook.com/v25.0/${PIXEL_ID}/events?access_token=${META_ACCESS_TOKEN}`, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      data: [{
        event_name: "Purchase",
        event_time: Math.floor(Date.parse(event.created_at) / 1000),
        event_id: booking.reference, // the eventID of the Pixel's own Purchase, so Meta counts one
        action_source: "other", // "website" also needs the guest's browser user agent, which a webhook lacks
        user_data: { em: [email] },
        custom_data: { value: booking.total_cents / 100, currency: "USD" }, // your org's currency; JPY and other zero-decimal ones: no "/ 100"
      }],
    }),
  });
}