How to leverage on the Leadfeeder JS Object connector for website personalization?

Leadfeeder JS Object connector allows you to use company information of your website visitors while they are on your website. This enables you to personalize your website based on firmographic details or send visitors’ company information to other tools in real time.

The JS Object connector matches the visitor’s IP address to the relevant Leadfeeder company profile. Then, it populates the JavaScript variable “discover” with firmographic information about the visitor.

You can use JS Object connector alongside any website personalization tool. Follow this short guide below to use Google Optimize to personalize your website using industry data, company name, company size, and much more.

Here's how to get started

STEP 1: Please get started directly on the Connectors product, create your account HERE. If you are unsure who to contact, our support team is only an email away at support@leadfeeder.com.

Within the JS Object connector dashboard you are able to define on which domains/URLs personalisation data should be available.

STEP 2: Once you have access to your Leadfeeder JS Object connector and you have installed the Leadfeeder Tracker script, the JS Object connector script will automatically be loaded.

To make sure the JS Object connector is properly set up, please visit your website, open the developer console, type "discover.meta.status", click enter and you should see a response 200.

NOTE: In case your IP address is not identified as belonging to an organization, you will see a status 404.

Then to see JS Object connector firmographic information in the developer console, type “discover" and click enter.

Run your first website personalization experiment with Google Optimize

Google Optimize is the easiest way to leverage the Leadfeeder firmographic data - create custom website personalizations, in minutes.

If Google optimize isn’t your thing, you can always code custom experiences in your website. Otherwise, please follow the instructions below to set up an initial experiment. This experiment dynamically changes the title of a page with the name of the company your website visitors work for.

To get your first experiment setup please follow the instructions below.

STEP 1: Once you have Google Optimize dashboard open, click on Create experience.

Then give your experiment a name, define the url, and select the experiment type “Personalization”. Click Create.

NOTE: Google optimize has to be already properly configured on your site. You can also use Google Tag Manager to add Google optimize to your site.

STEP 2: Next, we will ensure that the experiment runs exclusively after the Leadfeeder Tracker loaded and ran successfully.

To enable the experiment, click on the edit icon, then select evaluate On custom event and set event name to "discover.loaded".

STEP 3: This step is optional. To leverage JS Object connector info for audience targeting, please define JS variables and use them for targeting.

To define a variable that stores the industry of the identified company:

  • Click on the Customize button in the Audience Targeting section of your experiment.

  • Choose the JavaScript variable in the panel that opens up.

  • In the panel that opens up, click Variable, select your variable name or Create New. Then in Global Variable Name type

    window.discover.data.company.industries.name

    (please refer to our API guide for a clear picture of all the variables you can use), and in Name Your Variable type "companyIndustry". Then click Create Variable.

With the company industry information now accessible from a variable, this information can easily be used both in defining the content of your experiment, or in defining for instance audience targeting for your experiment.

To define audience targeting:

  • Click on the Customize button in the Audience Targeting section of your experiment.

  • Select your newly created variable. In our case "companyIndustry"

  • Select Equals and write in the Values field the name of the industries you want to target. In this example we will use "Internet".

  • Then Save and you will see the audience targeting applied to your experiment

STEP 3: To replace a given text, heading or picture on your webpage with the domain of the company your visitor works for, enter the edit mode by clicking on the button Edit in the Site Changes section of your experiment. You can also use javascript for dynamic changes on the webpage.

Then click on the text you want to personalize, after that click on Edit element and Run Javascript in the info box that appears.

In the modal that opens up, write down the following, then click Apply.

// %< --- SNIPPET START ---- >%
// Leadfeeder JS Object connector uncovered firmographic data behind the IP.
if (window.discover.meta.status == 200) {
var domain = window.discover.data.company.domain;
// And Leadfeeder JS Object connector has info about the company domain.
if (domain) {
// Change the title. Otherwise, the page will be showing the original one.
element.innerText = "Generate more leads for your company " + domain;
}
}
// %< --- SNIPPET END ---- >%

When done, start your experiment and you will see the text change to include your visitor's company domain.

Above is only a simple getting started example, but using the same information there are so many different and great personalizations that can be created: from changing pricing CTA based on the company size, to showing a different menu to different company industries. Sky is really the limit on what can be achieved!

If you want to start using Leadfeeder JS Object connector or hear about its possibilities, please book an online meeting with our expert here.

RELATED:

Did this answer your question?