Using Reveal for Optimizely Audiences & Variations
How will this Integration help me?
Clearbit Reveal in Optimizely allows you to craft unique user journeys on your company’s website by tailoring the digital experience based on which companies are visiting your site- even if they’ve never self-identified- by using IP Addresses.
IP addresses can tell you a lot about your visitors, like physical location (country), time zone. Using Clearbit’s Reveal technology you can use a visitor's IP address to find over 50 data points, including Company Name, Employee Count, Company Location, Revenue, and even the Company Tech Stack. This data gives you a huge advantage: you’re now able to speak directly your different audiences and tell them you know who they are and what their needs are.
By making your marketing hyper-personalized, you’ll see higher conversion rates, better engagement, and ultimately more of the right kind of customers.
This article will show you several examples of how to use Reveal attributes:
Within Optimizely Audiences
and JavaScript variation code snippets.
To start with, here is:
- An example Reveal company match
- The full list of Clearbit Industry Tags, Technologies tracked, and Industry Classifications
- A set of common Javascript operators:
- <= for less than
- >= for greater than
- == for equal to
- != for not equal to
- || for OR
- && for AND
Now, onto our examples!
1) Build an audience for visitors that use ANY of the following technologies: Google Analytics, AdRoll, or Google Apps
Here's the Custom Javascript you would paste in:
window.reveal && (window.reveal.company.tech.indexOf('google_analytics') != -1 || window.reveal.company.tech.indexOf('adroll') != -1 || window.reveal.company.tech.indexOf('google_apps') != -1)
2) Build an audience for visitors that are classified with ANY of the following Industry Tags: Mobile or Communications
Here's the Custom Javascript you would paste in:
window.reveal && (window.reveal.company.tags.indexOf('Mobile') != -1 || window.reveal.company.tags.indexOf('Communications') != -1)
3) Build an audience for visitors that belong to ALL of the following Industry Tags: SaaS and B2B
Here's the Custom Javascript you would paste in:
window.reveal && (window.reveal.company.tags.indexOf('B2B') != -1 && window.reveal.company.tags.indexOf('SaaS') != -1)
4) Build an audience specific to your target account list (for ABM)
Here's the Custom Javascript you would paste in for some sample accounts:
window.reveal && ['slack.com','uber.com','ibm.com','cisco.com','microsoft.com'].indexOf(window.reveal.company.domain) != -1
Within the Variation Code editor, you could then show the actual company's name when they visit with a simple line of jQuery:
$("h1").text(window.reveal.company.name)
5) Create a variant that only shows relevant customer logos based on the visitor's Industry Tag
Here's some sample Javascript you could use within the Variation Code editor:
if (window.reveal && window.reveal.company.tags.indexOf('Finance') != -1) { $('#default-logos').hide() $('#customized-logos').show() }
6) Create a variant that shows personalized messaging based on identifiable technology
Here's some sample Javascript you could use within the Variation Code editor:
if (window.reveal && window.reveal.company.tech.indexOf('mixpanel') != -1) { message = 'See why our new Analytics platform blows Mixpanel out of the water.' $('#message').text(message) }
Pro tip: Show competitive messaging or content to site visitors who use your rival's product and may want to switch to yours
7) Create a variant that shows personalized messaging for companies above 1000 employees
Here's some sample Javascript you could use within the Variation Code editor:
if (window.reveal && window.reveal.company.metrics.employees > 1000) { message = 'Our new platform is built for Enterprise' $('#message').text(message) }
If you wanted to take it a step further, you could also change the call-to-action (CTA) by showing/hiding a special button only for your target companies:
if (window.reveal && window.reveal.company.metrics.employees > 1000) { $('#enterprise-contact-button').show() }
Or you could adjust the hero section based a specific subset of target accounts:
if (window.reveal && ['slack.com', 'uber.com', 'ibm.com', 'microsoft.com', 'cisco.com'].indexOf(window.reveal.company.domain) != -1) { $('#default-hero').hide() $('#enrichment-hero').show() }
Articles in this section
- Setting Up Reveal with Google Analytics (analytics.js)
- Setting Up Reveal with Google Analytics (analytics.js) via Google Tag Manager
- Setting Up Custom Dimensions for Reveal in Google Analytics
- Setting Up Reveal with Google Tag Manager and the dataLayer
- Setting Up Reveal with Google Analytics (gtag.js)
- Setting Up Reveal with Optimizely
- Using Reveal for Optimizely Audiences & Variations
- Setting Up Reveal with Google Optimize
- Pushing Data to Specific or Multiple Google Analytics Properties
- Adding a Google Analytics Tracker Name via Google Tag Manager