WEBSITE INTEGRATIONS

Website integrations audit: analytics events, the data layer and consent

Follow one booking through the website, analytics and advertising services to define events, use a data layer, apply consent choices and confirm that each action is recorded as intended.

Concept illustration of a customer action passing through a website, an event message and an external reporting service.
Concept illustration

Imagine a small training business taking a course booking online. A learner chooses a class, reserves a place and receives confirmation. The booking system updates availability, the team sees which course attracted interest and a support tool can help with the next question. Several services contribute to one simple customer experience.

This hypothetical journey is a useful way to understand integrations. Each system has a clear job and exchanges a specific piece of information at the right moment. By mapping those handoffs, you can design a connected website that supports customers and gives your team meaningful information.

Begin with a meaningful customer action

An event is a message describing something that happened. Start with a useful business meaning: a booking was accepted, an account was created or a quote was requested. A button click describes interest in taking a step; a completed booking describes the outcome. Recording each at the appropriate stage lets your team understand both engagement and completion.

Write a short event definition with the trigger, completion condition and system of record. A booking database can confirm that a place has been reserved. An analytics service can group completed bookings by course, while an advertising service can apply its attribution rules. Agreeing on the meaning of each event makes it easier to connect the numbers to decisions about content, campaigns and customer care.

Follow the handoffs

In the browser, an application detects an action, builds an event message, applies the consent state and passes the message to a library or tag. A network request delivers it to a provider, which validates, processes and presents it. A server can also send an event after confirming an authoritative transaction, such as a completed reservation.

A tag manager controls when tags run. A data layer provides consistent names and values, like a shared order slip that carries the right information at the right time. Google's data-layer documentation explains naming and processing order. Preparing the event and its required values together gives connected services a clear description of the same action.

Give every connection a clear purpose

Build a small inventory with the purpose, owner and destination of each connection. Include services installed in page templates, plugins and the tag manager. This gives the team a shared map of how the website supports marketing, booking and customer service. Review that map when you introduce a new service or change a customer journey.

ComponentUseful contributionGood practice
ApplicationConfirms the customer actionDefine the completed booking clearly
Data layer or event codeDescribes the action consistentlyPrepare name, value and currency together
Consent managerCommunicates the visitor's choiceApply the choice at the relevant step
Tag or server senderDelivers the messageAssign a clear destination
Provider reportTurns events into useful viewsDocument filters and attribution rules

A concise map is easy to discuss and maintain. Give each active connection an owner and a current purpose so that future changes fit the same understood system.

Design events that describe the journey

Choose stable event names that reflect customer actions. A course-selection event, a completed-booking event and a booking-change event each answer a different business question. Add the values needed for that purpose, such as a course category or transaction currency. Keep the definition close to the code or tag configuration so a colleague can understand how the message is produced.

For transaction events, a stable transaction identifier connects the message to the same underlying operation. When browser and server delivery work together, follow the provider's supported event-matching approach. This gives both delivery paths a shared identity. A short example payload and a named owner make the design easier to reuse across related pages.

Walk through one complete journey

  1. Choose a test account and suitable values. Record the page, device, consent choice and expected event.
  2. Complete the customer action once and confirm the outcome in its system of record.
  3. Inspect the event name, destination and required values in the message.
  4. Follow receipt in an authorized provider view, allowing for its processing time.
  5. Explore the available consent choices and the customer's next steps.
  6. Record how revisiting the confirmation relates to the original transaction identity.

Save the example journey and assign an owner. Revisit it when forms, checkout, consent or page templates change. A documented walkthrough makes it easy to explain the connection to a colleague and to keep new work aligned with the intended customer experience.

Put the map into practice

Sitelemetry's integrations audit, part of the paid plans from $49 a month, identifies analytics, advertising, consent and site-verification tags in the static HTML and headers of your home page and, optionally, one more page. It also flags values in a public data layer that may be personal data. It does not run JavaScript, so it shows what the markup declares, not the events a visitor's actions trigger; follow those through the browser and provider views as described above.

Use that inventory to map connected services and pick the first event to trace. You turn the connections on a page into a clear picture of the customer journey.

Common questions

How do booking and advertising reports complement each other?

The booking system records completed reservations, while advertising reports apply attribution rules to understand campaign contributions. Compare their event definitions, consent context, filters and time windows to read each view for its intended purpose.

When is a server-sent event useful?

It is useful when the server confirms the underlying action, such as an accepted booking or payment. Plan the destination authorization, consent handling and transaction identity alongside any browser event.

How can a team keep its integrations easy to manage?

Keep a short inventory with an owner and purpose for each service. Maintain a sample customer journey and revisit it when forms, page templates, payment or consent behavior changes.

Sources & further reading

  1. Google: the data layerdevelopers.google.com
  2. Google: consent modedevelopers.google.com
  3. Google: implementing consent defaults and updatesdevelopers.google.com
Sitelemetry team

Prepared by the Sitelemetry editorial team. Explore the linked sources for further detail.

SITELEMETRY

Put what you learned to work.

Explore your website’s structure, settings and signals with Sitelemetry.