HubSpot Installation
Connect your HubSpot account and install ReactionSDK on HubSpot-managed pages. Sync interaction data (e.g. interaction_rate, CTA_clicks) into HubSpot.
1) Connect HubSpot
In the ReactionSaaS dashboard, go to Integrations → HubSpot and click "Connect HubSpot" to authorize. Then choose your destination page and configure the overlay.
2) Install snippet on a page
After connecting, the dashboard will show a copyable snippet. Add it to your HubSpot page or template (e.g. in a custom HTML module). Replace the placeholder IDs with your account, campaign, and creative IDs.
ReactionSDK — HubSpot snippet
<!-- ReactionSDK for HubSpot -->
<!-- After connecting HubSpot in the dashboard, use the snippet from Integrations → HubSpot -->
<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/sdk.js"></script>
<script>
window.ReactionSaaSConfig = window.ReactionSaaSConfig || {};
window.ReactionSaaSConfig.hubspot = {
"account_id": "YOUR_ACCOUNT_ID",
"campaign_id": "YOUR_CAMPAIGN_ID",
"creative_id": "YOUR_CREATIVE_ID",
"overlay": {
"overlays": ["tap", "poll"],
"cta_text": "Learn more",
"overlay_position": "bottom-center"
}
};
</script>3) Sync data to HubSpot
In Integrations → HubSpot, enable sync to send metrics (interaction_rate, CTA_clicks, overlay_completions, engagement_score) to HubSpot.