Meety logoNávody
Integrace/Iframe – vložení na web
Integrace

Iframe – vložení na web

Jak po dokončení rezervace ve vloženém Meety spustit vlastní kód na vaší stránce.

Když vložíte Meety pomocí iframe na svůj web, můžete na stránce, která iframe obaluje, reagovat na úspěšnou rezervaci. Po potvrzení rezervace Meety odešle na nadřazené okno zprávu přes window.parent.postMessage. V poli event je řetězec meety.booking_success; tělo zprávy je v objektu payload a je popsáno níže.

Zpráva se odešle jen tehdy, když zákazník vidí potvrzení ve vloženém rámu (window.parent !== window). Meety volá postMessage s cílem *; před zpracováním dat vždy ověřte event.origin vůči doméně, na které Meety běží.

Obsah zprávy

{
  // Podle tohoto pole odfiltrujte cizí postMessage zprávy.
  "event": "meety.booking_success",
  "payload": {
    // Id rezervace. Shoduje se s GTM transaction_id a Meta eventID tam, kde je Meety posílá.
    "appointmentId": "clx7y8z9example0001bookingid",
    // Interní id provozovny v Meety.
    "facilityId": "cm3examplefacilityid0001",
    // Veřejný slug z URL rezervace (/book/vas-slug).
    "facilitySlug": "vas-podnik",
    // Začátek termínu (ISO 8601 z odpovědi serveru).
    "startTime": "2026-03-28T14:00:00.000Z",
    // Měna provozovny (ISO 4217).
    "currency": "EUR",
    // Celková částka shodná s konverzní hodnotou v iframe.
    "value": 45,
    // Id služeb zahrnutých v rezervaci.
    "serviceIds": ["srv_abc123", "srv_def456"]
  }
}

Reakce na událost na vaší stránce

window.addEventListener("message", (event) => {
  if (event.data?.event !== "meety.booking_success") return;
  // if (event.origin !== "https://meety.sk") return;

  const {
    appointmentId,
    value,
    currency,
    facilitySlug,
    startTime,
    serviceIds,
  } = event.data.payload;

  // Například Meta Pixel na nadřazeném webu:
  // window.fbq?.("track", "Purchase", { value, currency }, { eventID: appointmentId });
});

Meta Pixel v Meety

Pokud máte v Meety v nastavení rezervační stránky zapnutý Meta Pixel, načte se v rámci iframe. Pokud na nadřazeném webu současně spouštíte vlastní Meta Pixel nebo GTM a nasloucháte meety.booking_success, dvojímu započtení stejné rezervace se vyhnete tak, že v GTM použijete jako transaction_id a v Meta Pixelu jako eventID stejné appointmentId.