Personalizing HTML Text with 6signal Attributes

6sense customers are able to utilize the power of 6signal in their personalized marketing and sales outreach experience through our many integration partners.

For advanced users, custom configurations are possible with a little bit of HTML and JavaScript work. The following guide is for individuals familiar with the web technologies of HTML and JavaScript. We suggest that you work with your organization’s HTML / JavaScript developer when implementing this.

Prerequisites

1. 6signal integration already deployed on the website, either through Google Tag Manager, Adobe, or another integration like Drift, Pathfactory, or UberFlip

2. The ability to place the script code in this article at the bottom of the page, below other tags, OR the ability to dynamically fire the custom script after the Company Identification API has been loaded on the page

3. The ability to edit HTML as necessary to support the custom configuration

Step 1: Identify the HTML that will be personalized and other requirements

1. Decide what part of the code should be replaced with a 6signal attribute.

   • For example:

   <h1>Hi, I would love to see if we can help out at your company!</h1>

2. We might want to replace “your company” with the de-anonymized company name to make the content more personal.

3. We also might want to only personalize this text if 6sense has high confidence in the match.

4. We also might want to only personalize if the company is not a part of the exclusion list.

Step 2: Add an HTML ID attribute

1. Surround the identified text above with a <span> tag, this sets the identified text as the “default text:

   <h1>Hi, I would love to see if we can help out at <span>your company</span>!</h1>

2. Add a HTML id to the span so it can be identified by the JavaScript:

   <h1>Hi, I would love to see if we can help out at <span id="company_name_6s">your company</span>!</h1>

   • Note down this id. In this case

     company_name_6s

Step 3: Decide all the different 6signal Attributes you would like to personalize with

Below is a reference you may use to build out your custom JavaScript

Step 4: Edit the Custom Script based on your needs

Starting with the following custom script, edit as necessary to fit your needs. The below script will only personalize the text if the confidence attribute for the individual is “High” or “Very High” and the company is not a part of the exclusion list.

Example Script

<script>
var fData = JSON.parse(localStorage._6senseCompanyDetails);
var match_confidence_6s = fData.confidence;
var company_exclusion_6s = fData.company.is_blacklisted;

var company_name_6s = document.getElementById('company_name_6s');
var company_name_6s_value = fData.company.name;

if ((match_confidence_6s == 'High' || match_confidence_6s == 'Very High') && company_exclusion_6s != true) {
  if (fData && company_name_6s_value) {
    company_name_6s.innerHTML = company_name_6s_value;
  }
}
</script>

The above works with the HTML mentioned above.

If your HTML has multiple areas to personalize, replicate the lines containing the bolded text and replace the bolded text accordingly. The above table has suggestions on how to updating the naming.

For example, if you wanted to personalize with the company industry, the following would apply:

HTML

<h1>Hi, I would love to see if we can help out at <span id="company_name_6s">your company</span>!</h1>
<p>We are experts in <span id="company_industry_6s">your field</span>.</p>

Script

<script>
var fData = JSON.parse(localStorage._6senseCompanyDetails);
var match_confidence_6s = fData.confidence;
var company_exclusion_6s = fData.company.is_blacklisted;

var company_name_6s = document.getElementById('company_name_6s');
var company_name_6s_value = fData.company.name;

if ((match_confidence_6s == 'High' || match_confidence_6s == 'Very High') && company_exclusion_6s != true) {
  if (fData && company_name_6s_value) {
    company_name_6s.innerHTML = company_name_6s_value;
  }
}

var company_industry_6s = document.getElementById('company_industry_6s');
var company_industry_6s_value = fData.company.industry;

if ((match_confidence_6s == 'High' || match_confidence_6s == 'Very High') && company_exclusion_6s != true) {
  if (fData && company_industry_6s_value) {
    company_industry_6s.innerHTML = 'the ' + company_industry_6s_value + ' industry';
  }
}
</script>

You’ll notice that additional JavaScript is used to further customize the text. Reference ‘Javascript String Operators’ on this page for further information: https://www.w3schools.com/js/js_operators.asp

Step 5: Place Custom Script on page

1. Either use a tag manager, paste the custom script in a page template, or just paste the custom script on the page itself

2. Place this script below the 6sense Web Tag that contains the company identification API or use a tag manager to ensure it fires after the tag containing the company identification API code fires

If you need assistance troubleshooting this issue, please submit a support ticket using our support page.