Technical integration main steps
Detecting Google Discover Traffic for Engage
Detecting visitors coming from Google Discover allows you to offer a more relevant experience, better suited to their reading context: more direct content or a personalized message, for example. It is possible to know if a user comes from Google Discover in order to: Create a custom filter with Engage And therefore adapt the rendering based on the traffic source Retrieving the Information Google does not provide very transparent information about visits coming from DiscovFew readersIntegrating Engage in React/Next
Poool Engage can be easily integrated into a React application using the dedicated library @poool/react-engage. This integration allows you to display Engage elements directly inside a SPA while keeping a centralized configuration managed through the Dashboard. Official documentation: https://www.poool.dev/fr/docs/engage/react How it works The integration is based on a main component, EngageContext, which initializes the Engage SDK and shareFew readersDisplay an Engage wall on a video content
Engage can be used to display a wall overlay on top of a video player in order to restrict access to video content. The actual video playback restriction is entirely handled on your side, within your player implementation. On the Poool side, an Engage element is displayed as an overlay on top of the player and can be triggered through an autocreate linked to a custom filter. We recommend using a dedicated filter for this use case. This allows you to isolate your video-gating logic from the restFew readersHow to integrate an Engage element on my website?
Integrating an Engage element on your site is very simple. Here is how to proceed step by step. Integrating the Engage SDK across your entire site The Engage SDK is the foundation that allows you to display dynamic elements on your website. To integrate the Engage SDK : Add the script : Insert the following script on all pages of your site, replacing <your-app-idwith your Poool app identifier :Some readersHow to set up custom filters in Poool Engage?
With Poool Engage's custom filters, you can quickly refine the targeting of your elements. This feature allows you to apply multiple display/hide rules based on your unique characteristics in addition to all the native conditions available in your Dashboard. The custom filter lets you use any data that is available on your side (e.g., data layer, database). In the Dashboard, you can activate the filters with 2 operators: IS (exact value) or CONTAINS (value contained in the filter). (httFew readers
Impact on webperformances
Engage & CLS — Avoiding Layout Shifts (Cumulative Layout Shift)
The CLS (Cumulative Layout Shift) metric measures unexpected layout shifts perceived by the user while the page loads. This article aims to explain: which Engage formats may generate CLS why this happens how to correct it directly in the Poool Engage Dashboard how to validate the integration on your site recommended best practices Why can Engage cause CLS? Engage is displayed inside an iframe, loaded asynchronously. Two main scenarios may generate a visual shift: CaseFew readersPoool Engage & Web Performance: FAQ
Engage is designed to minimize its impact on performance and comply with Core Web Vitals best practices. This page brings together the most common questions from our clients, along with recommendations based on internal tests and real-world usage. How does Engage load technically? Engage follows the same principles as the Poool Access SDK: Asynchronous loading of the script (engage.js) No blocking of the main rendering thread Network requests optimized through a CDNSome readers
Connection with other tools
Integrating Chargebee with Poool Engage
The native Chargebee integration allows you to display and manage all Chargebee offers directly within Poool Engage. With this connector, you can automatically sync products and subscription plans, simplifying integration and enhancing the user experience. Why Use the Native Connector? Automatic Offer Synchronization The integration automatically retrieves Chargebee products and plans within the Engage element creation UI. This ensures that displayed information is alwaysFew readersHow to connect Poool Engage with Stripe?
Thanks to the native Poool Engage <Stripe connector, you can display in a Poool Engage element the offers that have been created in your Stripe account. The connection between Poool and Stripe happens automatically, to pull up the right offer and its associated information. Find in this article the main steps for this setup. The user journey will be simple: when he clicks on the subscription button, he is directly linked to the payment page (stripe checkout page). (https://storage.crispFew readers
