Marketing Automation Integration

Account-Based Marketing with Eloqua

77 views March 15, 2017 April 25, 2018 developer 1

Jabmo Eloqua integration helps you:

Track your email marketing

Sales & marketing people can set and get alerts in Jabmo to learn when their accounts open your email marketing campaigns.

By adding an invisible image pixel in your email marketing templates, you will see an uplift in your sales and marketing performance by:

  • alerting your sales & marketing people with real-time email and in-app alerts when their target accounts read your email marketing campaigns.
  • increasing the match rate of anonymous visitors on your website.
  • understanding which prospects and customers are most engaged with your email marketing campaigns and website.

 

How to Install your Jabmo email marketing tag

Add this tracking code to your email marketing campaign, right before the end of the email body tag (</body>). Adding this tag directly to your email templates will ensure that it is included in all email campaigns that you send and avoid copy and pasting errors.

Before adding your tracking code you must accomplish the following two steps:
Replace YOUR_ESP_EMAIL_VARIABLE with your email service provider (ESP) subscriber email variable (See below examples for several popular ESP’s).

This tag contains two manadatory variables: your Jabmo tracker id and Eloqua email variable

<img src="https://b2btagmgr.jabmo.com/email/YOUR_AZALEAD_TRACKER_ID/EmailCampaign(Jabmo_Tag)/
ELOQUA_EMAIL_VARIABLE/"
style="border:0" alt="" height="0" width="0" />

Jabmo tracking code (Pixel) for Eloqua:

<!-- Jabmo tracking pixel -->
<img src="https://b2btagmgr.jabmo.com/email/YOUR_AZALEAD_TRACKER_ID/EmailCampaign(Jabmo_Tag)/
<span class=eloquaemail>EmailAddress</span>/"
style="border:0" alt="" height="0" width="0" />
<!-- End Jabmo tracking pixel -->

>/"

Dig deeper

You can configure your campaign name as well. You just need to replace EmailCampaign(Jabmo_Tag) with your current campaign name.

 

Track your landing pages

Jabmo provides a tracker code to add to your landing pages. This tracker uses Account Sensing to capture company visitor activities on your website.

Paste your snippet into the landing page you want to track. Paste it immediately before the closing </body> tag.

If your landing pages use templates, enter it just before the closing tag in the file that contains the <body> section.

<!-- Jabmo tracking code --> 
<script src="//b2btagmgr.jabmo.com/tag?az=YOUR_AZALEAD_TRACKED_ID" type="application/javascript"> </script> 
<!-- End Jabmo tracking code --> 

Add Jabmo account and contact fields

Account and contact fields

The first step to implement Jabmo B2B prefilled form is to create account and contact fields. They will be used to map form fields to Eloqua fields.

Eloqua Field Name* Field Purpose
Jabmo Company Name Company visitor name
Jabmo National ID Account national ID
Jabmo Nace Code Account nace code
Jabmo Company Size Account company size : Small company, Medium sized company, Large company, Very large company
Jabmo Legal Form Account legal form
Jabmo Industry Account industry
Jabmo Employee Account number of employees
Jabmo Website Account website
Jabmo City Account city
Jabmo Country Account country
Jabmo Country Code Account country code
Jabmo Post Code Account post code

*Suggested field name

Once the Jabmo tag is on your website, you will be able to capture the visiting company data to add content in Pardot Web forms. The process is straightforward. When the variable is loaded, the tag fires a javascript event "azaCompanyVisitorLoaded". So you just need to listen to the "azaCompanyVisitorLoaded" event. When this event is fired you can access the "aza_company_visitor" variable and get the Company details you need to prefill your forms.

After placing the Jabmo tag on your website you can implement the form example below.

Here is a sample of Company visitor data in the Jabmo tag

{
    "companyName": "TOTAL S.A.",
    "nationalId": "542051180",
    "naceCode": "0610",
    "size": "Very large company",
    "legalForm": "SA",
    "industry": "Oil & Gas",
    "employee": "100307",
    "website": "www.total.com",
    "city": "COURBEVOIE",
    "country": "France",
    "countryCode": "FR",
    "postCode": "92400" 
}

Add Jabmo account and contact views

Create an Jabmo account and contact view via "settings / Database setup / Fields & Views"

Get Jabmo company data summary for an account

Prefill your B2B Forms

Step 1 - Add Company based hidden fields in your form

Display different content depending on visiting company: company id, company size, industry vertical...
We recommend to start with one or two use cases.

Step 2 - tracker Fill your form hidden fields

Copy/paste the code bellow with Jabmo company visitor data to fill your form hidden fields just before Jabmo tracker code.

Add Jabmo tracker code to the page that contains the form just before

Code sample

Javascript

 <!-- Jabmo b2b form prefill start -->  
<script type="text/javascript">
document.addEventListener('azaCompanyVisitorLoaded', function (e) {
  if (typeof aza_company_visitor !== "undefined") {
    var currentCompanyVisitor = JSON.parse(aza_company_visitor);
    if (currentCompanyVisitor != null && currentCompanyVisitor.companyName != null) {
      document.getElementsByName("Jabmo_Company_Name")[0].value = currentCompanyVisitor.companyName;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.nationalId != null) {
      document.getElementsByName("Jabmo_National_ID")[0].value = currentCompanyVisitor.nationalId;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.naceCode != null) {
      document.getElementsByName("Jabmo_Nace_Code")[0].value = currentCompanyVisitor.naceCode;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.size != null) {
      document.getElementsByName("Jabmo_Company_Size")[0].value = currentCompanyVisitor.size;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.legalForm != null) {
      document.getElementsByName("Jabmo_Legal_Form")[0].value = currentCompanyVisitor.legalForm;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.industry != null) {
      document.getElementsByName("Jabmo_Industry")[0].value = currentCompanyVisitor.industry;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.employee != null) {
      document.getElementsByName("Jabmo_Employee")[0].value = currentCompanyVisitor.employee;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.website != null) {
      document.getElementsByName("Jabmo_Website")[0].value = currentCompanyVisitor.website;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.city != null) {
      document.getElementsByName("Jabmo_City")[0].value = currentCompanyVisitor.city;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.country != null) {
      document.getElementsByName("Jabmo_Country")[0].value = currentCompanyVisitor.country;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.countryCode != null) {
      document.getElementsByName("Jabmo_Country_Code")[0].value = currentCompanyVisitor.countryCode;
    }
    if (currentCompanyVisitor != null && currentCompanyVisitor.postCode != null) {
      document.getElementsByName("Jabmo_Post_Code")[0].value = currentCompanyVisitor.postCode;
    }
  } 
}, false);
</script>
<!-- Jabmo b2b form prefill end -->

Step 3 - Retrieve and process your hidden fields on form submit

Add two processing steps in Eloqua: one to update account fields with Jabmo form data, one to update contact fields with Jabmo form data.

Personalize your landing pages

Step 1 - Choose your segments

Display different content depending on visiting company industry vertical. We recommend to start with one or two industries.

Step 2 - Design your landing page

Here's a code sample that include one image, a title and a decription. Add "id" and "style" tags just like in the code bellow so that you can inject personalized data. This way you can craft the right message to the right audience.

Code sample

HTML code sample

<div class="personalization-content">
   <div class="primary-img">
    <img id="aza-wp-lp-image" style="visibility: hidden;" src="http://www.yourdomain.com/default-image.png" pardot-region="pardot_image" pardot-region-type="image" alt="" height="" width="">
   </div>
   <div class="text-content">
      <h2 id="aza-wp-lp-title" style="visibility: hidden;" pardot-region="pardot_simple">Discuss solutions with an expert</h2>
      <div id="aza-wp-lp-description" style="visibility: hidden;"  pardot-region="pardot_content" data-id="942">
         <p>Acme offers affordable solutions and services that can help your company. Learn how Acme services can increase your ROI.</p>
      </div>
   </div>
</div>

Step 3 - Add personalization code

This javascript code sample remplaces the 3 elements listed bellow (image, title and description) with the right message for "Banking & Financial Services" industry. You can easily adapt it to your user case. Just copy/paste this sample before </body> tag. Don't forget to remplace Jabmo tracking code.

Code sample

Javascript code sample

<script type="text/javascript">
// put your own text and image url here
var imgBank = 'http://www.acme.com/banking_photo.png';
var titleBank = 'Discuss solutions for Banking with an expert';
var descriptionBank = 'Acme offers affordable solutions and services that can help Banking & Financial Services companies';

document.addEventListener('azaCompanyVisitorLoaded', function (e) {
  if (typeof aza_company_visitor !== "undefined") {
    var yourCompanyVisitor = JSON.parse(aza_company_visitor);
    if (yourCompanyVisitor != null && yourCompanyVisitor.industry != null
        && yourCompanyVisitor.industry === 'Banking & Financial Services') {
      document.getElementById("aza-wp-lp-title").innerHTML = titleBank;
      document.getElementById("aza-wp-lp-description").innerHTML = descriptionBank;
      document.getElementById("aza-wp-lp-image").src = imgBank;
    }
  } 
}, false);
</script> 
<!-- Put your Jabmo tracking code here --> 
<script src="http://images.jabmo.com/developer/js/aza_website_visitor.js" type="application/javascript"> </script> 
<!-- End Jabmo tracking code -->
<script type="text/javascript">
window.onload = function () { 
  document.getElementById("aza-wp-lp-subtitle").style.visibility = 'visible';
  document.getElementById("aza-wp-lp-description").style.visibility = 'visible';
  document.getElementById("aza-wp-lp-image").style.visibility = 'visible';
}
</script>

Your Eloqua ABM integration is now completed. Feel free to ask any question on gitter

Was this helpful?