How to Personalize Your Website with Google Optimize and Gatsby Cloud Functions

Personalization on websites is becoming essential for providing customized user experiences, with tools like Google Optimize, Mutiny, and AB Tasty gaining popularity among marketers. Webstacks, a digital agency, chose the Gatsby.js framework for its website due to its fast performance and optimization features, allowing the marketing team to build new pages without relying on engineers. However, they missed the personalization support from their previous CMS, HubSpot. To address this, they integrated HubSpot CRM, Google Optimize, and Gatsby Cloud Functions to create a personalization engine. This setup involves retrieving user data through HubSpot's tracking cookie, using Gatsby Cloud Functions to interface with HubSpot's API, storing user data in localStorage, and utilizing Google Optimize to deliver personalized content based on this data. This approach ensures that personalized content is only shown to users who have shared specific data, like their first name, with the company.