Personalize Your Website For Your Target Accounts

Our customers and partners leverage the Account-Based Website Personalization API to personalize the website experience for anonymous visitors and first-time visitors. Crafting the right message to the right account on the website doubles conversion rates and website engagement.

Most of our customers personalize the experience for their most important accounts, tailoring the content based on: company visitor size, company visitor industry, company visitor target account.

How it works

The Jabmo website tag provides a JSON string. This string describes the name and firmographics of your company visitors. It contains several company data fields including:

  • Company Name

  • Website Domain

  • Address

  • Phone

  • Geographical Coordinates

  • Employees

  • Revenue

  • SIC Group/Description/Code

  • NAICS Group/Description/Code

  • Stock Symbol

  • Social Media Handles

  • Website

  • Time Zone

What does this variable look like?

{
"name": "BNP Paribas",
"domain": "group.bnpparibas",
"street": "16 Boulevard Des Italiens",
"city": "Paris",
"region": "Ile-de-France",
"postal": "75009",
"countryShort": "FR",
"country": "France",
"phone": "33 140144546",
"latitude": "48.871752",
"longitude": "2.337676",
"employees": "25,000+",
"revenue": "$1,000,000,000+",
"sicGroup": "Depository Institutions",
"sicDesc": "Foreign Trade and International Banking Institutions",
"sicCode": "6082",
"naicsGroup": "Finance and Insurance",
"naicsDesc": "International Trade Financing",
"naicsCode": "522293",
"stockSymbol": "BNP.PA",
"facebook": "mabanque.bnpparibas",
"twitter": "BNPParibas",
"linkedIn": "1508",
"timeZoneId": "Europe/Paris",
"timeZoneName": "Central European Time",
"isISP": 0
}

Getting website visitor data

First, ensure that the Jabmo tag you received from your CSM is installed on your website.

Once the Jabmo tag is on your website, you will be able to capture the visiting company data to personalize content anywhere in the <body> of your website pages. The process is straightforward. When the variable is loaded, the tag fires a javascript event "jabmoAccountVisitorLoaded". So you just need to listen to the "jabmoAccountyVisitorLoaded" event. When this event is fired you can access the "jabmo_account_visitor" variable and get the Company details you need to personalize your content.

Here is a sample of website personalization Company data in the Jabmo tag

var jabmo_company_visitor = '{  "name": "BNP Paribas",  "domain": "group.bnpparibas",  "street": "16 Boulevard Des Italiens",  "city": "Paris",  "region": "Ile-de-France",  "postal": "75009",  "countryShort": "FR",  "country": "France",  "phone": "33 140144546",  "latitude": "48.871752",  "longitude": "2.337676",  "employees": "25,000+",  "revenue": "$1,000,000,000+",  "sicGroup": "Depository Institutions",  "sicDesc": "Foreign Trade and International Banking Institutions",  "sicCode": "6082",  "naicsGroup": "Finance and Insurance",  "naicsDesc": "International Trade Financing",  "naicsCode": "522293",  "stockSymbol": "BNP.PA",  "facebook": "mabanque.bnpparibas",  "twitter": "BNPParibas",  "linkedIn": "1508",  "timeZoneId": "Europe/Paris",  "timeZoneName": "Central European Time"}';
if (/(MSIE|Trident\/|Edge\/)/i.test(navigator.userAgent)) {
var e = document.createEvent("Event");
e.initEvent("jabmoAccountVisitorLoaded", !0, !0), document.dispatchEvent(e)
} else document.dispatchEvent(new Event("jabmoAccountVisitorLoaded"));

Let's try it

After placing the Jabmo tag on your website you can try one or a combination of the three example use cases below: company visitor size, company visitor industry, company visitor target account.

Case 1 - Company visitor size personalization

Display different content depending on visiting company size.

Code Samples

</> JavaScript

<html>
<head>
<title>Jabmo Company Visitor Company Size Sample</title>
<style>
body {
font-family: Calibri,Helvetica,Arial,sans-serif;
margin: 20px;
}
#message {
background-color: #f7ce46;
color: #FFFFFF;
font-size: 14px;
text-align: center;
padding: 10px;
width: 200px;
margin: 20px 0px;
}
</style>
</head>
<body>
<!-- Step 1: Hide the component(s) you want to display for personalization -->
<div id="message" style="visibility:hidden;">Company Visitor</div>
<!-- Step 2: Listen to jabmoAccountVisitorLoaded event
and adapt your content to company visitor -->
<script type="text/javascript">
document.addEventListener('jabmoAccountVisitorLoaded', function (e) {
// get Jabmo company visitor data
if (typeof jabmo_account_visitor !== "undefined") {
var yourAccountVisitor = JSON.parse(jabmo_account_visitor);

// change message within number of employees
if (yourAccountVisitor != null && yourAccountVisitor.employee != null) {
if (yourAccountVisitor.employee > 100) {
document.getElementById("message").innerHTML =
'ENTERPRISE COMPANIES<br/>Connected to global consumers';
} else {
document.getElementById("message").innerHTML =
'MID MARKET<br/>Offers adapted to your business';
}
}
}
}, false);
</script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- jabmo_company_visitor mock object for tests -->
<script src="http://images.jabmo.com/developer/js/jabmo_website_visitor.js"></script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- Step 3: Show the personalized content -->
<script type="text/javascript">
// This script avoids blinking effect on display
window.onload = function () {
document.getElementById("message").style.visibility = 'visible';
}
</script>
</body>
</html>

</> JQuery

<html>
<head>
<title>Jabmo Company Visitor Company Size Sample</title>
<style>
body {
font-family: Calibri,Helvetica,Arial,sans-serif;
margin: 20px;
}
#message {
background-color: #f7ce46;
color: #FFFFFF;
font-size: 14px;
text-align: center;
padding: 10px;
width: 200px;
margin: 20px 0px;
}
</style>
</head>
<body>

</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<body>
<!-- Step 1: Hide the component(s) you want to display for personalization -->
<div id="message" style="visibility:hidden;">Company Visitor</div>
<!-- Step 2: Listen to jabmoAccountVisitorLoaded event
and adapt your content to company visitor -->
<script type="text/javascript">
$(document).on('jabmoAccountVisitorLoaded', function(){
// get Jabmo company visitor data
if (typeof jabmo_account_visitor !== "undefined") {
var yourAccountVisitor = $.parseJSON(jabmo_account_visitor);
// change message within number of employees
if (yourAccountVisitor != null && yourAccountVisitor.employee != null) {
if (yourAccountVisitor.employee > 100) {
$("#message").html('ENTERPRISE COMPANIES<br/>Connected to global consumers');
} else {
$("#message").html('MID MARKET<br/>Offers adapted to your business');
}
}
}
});
</script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- jabmo_company_visitor mock object for tests -->
<script src="http://images.jabmo.com/developer/js/jabmo_website_visitor.js"></script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- Step 3: Show the personalized content -->
<script type="text/javascript">
// This script avoids blinking effect on display
window.onload = function () {
$("#message").css('visibility', 'visible');
}
</script>
</body>
</html>

Case 2 - Company visitor industry personalization

Display different content depending on the visiting company industry vertical.

Two industry classification systems are available: NAICS and SIC.

Code Samples

</> JavaScript

<head>
<title>Jabmo Company Visitor Industry Sample</title>
<style>
body {
font-family: Calibri,Helvetica,Arial,sans-serif;
margin: 20px;
}
#message{
background-color: #f7ce46;
color: #FFFFFF;
font-size: 14px;
text-align: center;
padding: 10px;
width: 200px;
margin: 20px 0px;
}
</style>
</head>
<body>
<!-- Step 1: Hide the component(s) you want to display for personalization -->
<div id="message" style="visibility:hidden;">NEW ERA OF INNOVATION<br/>State of the art</div>
<!-- Step 2: Listen to jabmoAccountVisitorLoaded event
and adapt your content to company visitor -->
<script type="text/javascript">
document.addEventListener('jabmoAccountVisitorLoaded', function (e) {
// get Jabmo company visitor data
if (typeof jabmo_account_visitor !== "undefined") {
var yourAccountVisitor = JSON.parse(jabmo_company_visitor);
// change message within company industry
if (yourAccountVisitor != null && yourAccountVisitor.industry != null) {
if (yourAccountVisitor.naicsGroup === 'Retail Trade') {
document.getElementById("message").innerHTML =
'RETAIL ADVANTAGES<br/>Meeting high volume demands';
} else if (yourAccountVisitor.naicsGroup === 'Manufacturing') {
document.getElementById("message").innerHTML =
'MANUFACTURING<br/>Adapt to your business';
} else if (yourAccountVisitor.naicsGroup === 'Finance and Insurance') {
document.getElementById("message").innerHTML =
'FINANCIAL MANAGEMENT<br/>Data for your investments';
} else if (yourAccountVisitor.naicsGroup === 'Mining, Quarrying, and Oil and Gas Extraction') {
document.getElementById("message").innerHTML =
'OIL AND GAS<br/>Data for your analysis';
}
}
}
}, false);
</script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- jabmo_company_visitor mock object for tests -->
<script src="http://images.jabmo.com/developer/js/jabmo_website_visitor.js"></script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- Step 3: Show the personalized content -->
<script type="text/javascript">
// This script avoids blinking effect on display
window.onload = function () {
document.getElementById("message").style.visibility = 'visible';
}
</script>
</body>
</html>

</> JQuery

<html>
<head>
<title>Jabmo Company Visitor Industry Sample</title>
<style>
body {
font-family: Calibri,Helvetica,Arial,sans-serif;
margin: 20px;
}
#message{
background-color: #f7ce46;
color: #FFFFFF;
font-size: 14px;
text-align: center;
padding: 10px;
width: 200px;
margin: 20px 0px;
}
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<body>
<!-- Step 1: Hide the component(s) you want to display for personalization -->
<div id="message" style="visibility:hidden;">Company Visitor</div>
<!-- Step 2: Listen to jabmoAccountVisitorLoaded event
and adapt your content to company visitor -->
<script type="text/javascript">
$(document).on('jabmoAccountVisitorLoaded', function(){
// get Jabmo company visitor data
if (typeof jabmo_account_visitor !== "undefined") {
var yourAccountVisitor = $.parseJSON(jabmo_account_visitor);
// change message within company industry
if (yourAccountVisitor != null && yourAccountVisitor.naceCode != null) {
if (yourAccountVisitor.naicsGroup === 'Retail Trade') {
$("#message").html('RETAIL ADVANTAGES<br/>Meeting high volume demands');
} else if (yourAccountVisitor.naicsGroup === 'Manufacturing') {
$("#message").html('MANUFACTURING<br/>Adapt to your business');
} else if (yourAccountVisitor.naicsGroup === 'Finance and Insurance') {
$("#message").html('FINANCIAL MANAGEMENT<br/>Data for your investments');
} else if (yourAccountVisitor.naicsGroup === 'Mining, Quarrying, and Oil and Gas Extraction') {
$("#message").html('OIL AND GAS<br/>Data for your analysis');
} else {
$("#message").html('NEW ERA OF INNOVATION<br/>State of the art');
}
}
}
});
</script>

<!-- script to remove and to replace with your Jabmo Tag -->
<!-- jabmo_company_visitor mock object for tests -->
<script src="http://images.jabmo.com/developer/js/jabmo_website_visitor.js"></script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- Step 3: Show the personalized content -->
<script type="text/javascript">
// This script avoids blinking effect on display
window.onload = function () {
$("#message").css('visibility', 'visible');
}
</script>
</body>
</html>

Case 3 - Company visitor name personalization

Target a specific company visitor using its name or website and personalize your welcome messages.

Code Samples

</> JavaScript

<html>
<head>
<title>Jabmo Company Visitor Company Name Sample</title>
<style>
body {
font-family: Calibri,Helvetica,Arial,sans-serif;
margin: 20px;
}
#companyvisitorname{
background-color: #f7ce46;
color: #FFFFFF;
font-size: 14px;
text-align: center;
padding: 10px;
width: 200px;
margin: 20px 0px;
}
</style>
</head>
<body>
<!-- Step 1: Hide the component(s) you want to display for personalization -->
<div id="companyvisitorname" style="visibility:hidden;">Company Visitor</div>
<!-- Step 2: Listen to jabmoAccountVisitorLoaded event
and adapt your content to company visitor -->
<script type="text/javascript">
document.addEventListener('jabmoAccountVisitorLoaded', function (e) {
// get Jabmo company visitor data
if (typeof jabmo_account_visitor !== "undefined") {
var yourAccountVisitor = JSON.parse(jabmo_account_visitor);

// company visitor domain
if (yourAccountVisitor != null && yourAccountVisitor.domain != null
&& yourAccountVisitor.domain === 'group.bnpparisbas') {
document.getElementById("companyvisitorname").innerHTML =
yourAccountVisitor.companyName + '<br/>join our breakfast<br/>next Thursday';
}
}
}, false);
</script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- jabmo_company_visitor mock object for tests -->
<script src="http://images.jabmo.com/developer/js/jabmo_website_visitor.js"></script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- Step 3: Show the personalized content -->
<script type="text/javascript">
// This script avoids blinking effect on display
window.onload = function () {
document.getElementById("companyvisitorname").style.visibility = 'visible';
}
</script>
</body>
</html>

</> JQuery

<html>
<head>
<title>Jabmo Company Visitor Company Name Sample</title>
<style>
body {
font-family: Calibri,Helvetica,Arial,sans-serif;
margin: 20px;
}
#companyvisitorname{
background-color: #f7ce46;
color: #FFFFFF;
font-size: 14px;
text-align: center;
padding: 10px;
width: 200px;
margin: 20px 0px;
}
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<body>
<!-- Step 1: Hide the component(s) you want to display for personalization -->
<div id="companyvisitorname" style="visibility:hidden;">Company Visitor</div>
<!-- Step 2: Listen to jabmoAccountVisitorLoaded event
and adapt your content to company visitor -->
<script type="text/javascript">
$(document).on('jabmoAccountVisitorLoaded', function(){
// get Jabmo company visitor data
if (typeof jabmo_account_visitor !== "undefined") {
var yourAccountVisitor = $.parseJSON(jabmo_account_visitor);
// account visitor domain
if (yourAccountVisitor != null && yourAccountVisitor.domain != null
&& yourAccountVisitor.domain === 'group.bnpparibas') {
$("#companyvisitorname").html(yourAccountVisitor.companyName + '<br/>join our breakfast<br/>next Thursday');
}
}
});
</script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- jabmo_company_visitor mock object for tests -->
<script src="http://images.jabmo.com/developer/js/jabmo_website_visitor.js"></script>
<!-- script to remove and to replace with your Jabmo Tag -->
<!-- Step 3: Show the personalized content -->
<script type="text/javascript">
// This script avoids blinking effect on display
window.onload = function () {
$("#companyvisitorname").css('visibility', 'visible');
}
</script>
</body>
</html>

Did this answer your question?