Configure the Bombora Personalizer App

Follow

What's New

Release Notes (click to expand)

Apr 8, 2020

  • Added details on how to use the Show Always Tag under the Filter Items by Tags option.

Apr 2, 2020

  • Added a Best Practices section.

Mar 18, 2020

  • Added a For Developers section and details about the ufPersonalizerCallback function that developers can leverage.

Mar 3, 2020

  • Added a Remove Logos When No Match Found option to provide more control over the behavior of the Swap Logo option.
  • The app will now also work on Hubs running the new Uberflip front end engine.

Feb 26, 2020

  • Added a Log Mode for Marketers option which enables a simplified debug logging mode.

Feb 3, 2020

  • Changed the format for placeholders from {{placeholder}} to {placeholder} (i.e. from double curly brackets to single curly brackets) to allow them to be used in custom code blocks.
  • Changed the behavior of Swap Logo. Previously when this setting was enabled and no logo match for the current visitor was found on Clearbit, the app would display the "fallback" visitor logo (if configured) in the banner instead. Now, the app will hide both logos from the banner, so it is no longer necessary to set a "fallback" visitor logo.

January 23, 2020

  • Added support for filtering at the Item level. While viewing an Item, the app can now filter the additional Items shown in the carousel and Next Item/Previous Item flyouts.
  • Added the ability to customize the labels of the Next Item/Previous Item flyouts.

 

Before You Begin

  • To use this app, you must first enable the Bombora integration on your Uberflip account. See this article for instructions.
  • On any Hub where you want to use this app, you must enable the setting Include Item tags for Custom Code. You can find this setting under Hubs > Hub Options > Advanced > Content Experience. To enable, check the box next to Include Item tags for Custom Code.

 

About The App

This app personalizes selected Streams using Bombora data. It can:

  • Dynamically filter a Stream to only show Items that match the current visitor’s Bombora data (using tags)
  • Automatically populate the visitor’s organization logo on Streams that use the Banner+Logo template
  • Automatically insert values from the visitor’s Bombora data into variables placed in Hub text: titles, descriptions, body text, CTAs, etc.

 

Configure App Settings

You configure settings for this app at the Hub level, which means that your settings will apply to the current Hub only.  If you have multiple Hubs, you must configure this app separately for each Hub.

To configure settings for this app, go to Hubs > Integrations > Apps tab. On this tab, open the app's settings by hovering your mouse over the app, then clicking on the Edit (pencil) button.

You can configure the following settings for this app:

Stream IDs

Required Use this field to specify the Streams that this app will personalize. To add a Stream, type in its Stream ID. Add multiple Streams by separating Stream IDs with commas. All functionality that you configure for this app will be applied to all Streams you specify here, i.e. it's not possible to selectively enable a given feature (Like Filter Items by Tags) for certain Streams but not others.

To find a Stream ID, go to Hubs > Content > Streams tab, click on the Stream, then click on the Metadata tab. The Stream’s Stream ID is listed near the bottom.

Filter Items by Tags

Optional Turn on this setting to personalize the content shown in the specified Stream(s) for each visitor using their Bombora data and Item tags. When enabled, the Stream(s) will be filtered so that only Items with Attribute Tags that match the visitor's Bombora data are displayed. For example, if a visitor's Bombora data indicates that their Predictive Category is set to CRM & Marketing Automation, then the Stream will be filtered to show Items that you have tagged as relating to the CRM & Marketing Automation category.

  • To be displayed, an Item must have at least one Attribute Tag matching any attribute in the visitor's Bombora data.
  • If an Item has multiple Attribute Tags, only one of these tags needs to match the visitor's data for that Item to be displayed.
  • By default, the minimum number of matching Items that will be displayed is one. If no Items in the Stream have Attribute Tags that match the visitor's Bombora data, all Items in the Stream will be shown.
    • Using the Show Always Tag will override this behaviour. In this case, only those Items that have the Show Always Tag will be displayed, and the minimum number of Items that will be displayed is the number of Items that have the Show Always Tag.
  • When a Stream is filtered, the order in which the Items are shown will still be the same as in the unfiltered version, except with the filtered Items hidden. For example, if five Items in a Stream are in the order 1-2-3-4-5 and Items 1 and 4 are filtered out, the Stream will display the remaining Items in the order 2-3-5.

Tip

To use this feature, you don't need to tag all the Items in your Hub! To get started, try tagging just the Items in the Streams where this app is enabled.

Using Attribute Tags

To use Filter Items by Tags, you must add Attribute Tags to Items that appear in Streams where the app is enabled. These tags are used to indicate which Bombora attributes an Item corresponds to (i.e. "if a visitor has this attribute, display Items that have this Attribute Tag"). The tags must be structured using the following format:

bombora.[attribute].[value]

Within this basic format, replace [attribute] with the Bombora attribute, and [value]with the attribute’s desired value. For example, the tag bombora.pc.Accounting would indicate that the tagged Item should be displayed if a visitor’s Bombora Predictive Category (pc) is set to "Accounting" and would therefore be applied to Items relevant to that topic.

Note that values in tag names must match Bombora values exactly: any spaces, parentheses, etc. that exist in the Bombora value must also exist in the tag. See Available Bombora Attributes below for a list of Bombora attributes and example values.

Using the Show Always Tag

You can choose to always display certain Items, regardless of the visitor's Bombora data. To do this, use the Show Always Tag:

bombora.show

Items that have this tag will always be shown in Streams where the app is enabled. This is useful for content that is relevant to a very wide audience, as well as to avoid instances where only one or two Items would be shown in the Stream based on Attribute Tags alone.

If you use the Show Always Tag, keep in mind that the filtered Stream will still respect the Item order set for the full Stream. As a result, we recommend placing Items with the Show Always Tag either at the beginning or end of the Stream (depending on the content).

Note

This app filters not just Items on the main Stream page, but also the additional Items displayed when viewing an Item in that Stream. While viewing an Item, the Next/Previous Item area and the Other Content in This Stream carousel will be filtered in the same way as the main Stream page:

  • For the carousel, filtered Items will take priority, and any additional free slots in the carousel (after all filtered Items have been displayed) will be filled with non-filtered Items from the same Stream
  • If no next or previous filtered Item is available, the Next/Previous Item area will be hidden

Swap Logo

Optional Turn on this setting to dynamically set the Prospect Logo on Marketing/Sales Streams that use the Banner+Logo template. When enabled, the current visitor’s company will be extracted from their Bombora data and used to search Clearbit for a matching logo. If a logo is found, it is automatically placed in the banner beside your own logo. Use the setting Remove Logos When No Match Found to determine what happens if no matching logo can be found.

Note

For this feature to work, you must enable the Banner+Logo template and specify a "default" Prospect Logo under the Appearance tab on any Marketing or Sales Stream where you want to use this app. The default logo will not be displayed, but this feature will not activate if no logo is set. We recommend using a generic logo for this purpose (e.g. a logo that just says "You" or similar).

We also recommend specifying a default Banner Title under the Appearance tab to be displayed in case no logo is found and the logos are hidden from the banner. If you do not specify a Banner Title, only a blank header (or Banner Image, if specified) will be shown.

Remove Logos When No Match Found

Optional (enabled by default if you have turned on the optional Swap Logo setting). Use this setting to change the behavior of the Swap Logo setting when no matching logo for the visitor can be found on Clearbit. When enabled, both logos will be hidden from the banner. When disabled, the default prospect logo will be displayed beside your logo instead.

Search & Replace

Optional Turn on this setting to dynamically populate placeholders in Hub UI text with values from Bombora data. Placeholders can be placed in virtually all editable UI text across your Hub. 

To insert a placeholder, use the format {bombora.[attribute]}, replacing [attribute] with the attribute code (see below). For example, a user with the Functional Area attribute "Information Technology" would see "Information Technology" anywhere you have inserted the placeholder {bombora.fa}.

Three Bombora attributes are supported:

  • Industry: Use the placeholder {bombora.ind}
  • Functional Area: Use the placeholder {bombora.fa}
  • Domain: Use the placeholder {bombora.dm}

When this setting is enabled, you can use the fields below to specify a custom default value to use as a fallback. If you specify a value for an attribute and no value is present in a visitor’s Bombora data, the value you entered will be inserted into the placeholder instead.

If you turn on this option and do not specify a custom default value for a given attribute, its system default value will be used when no value can be extracted from the visitor’s Bombora Data. These are:

  • Industry: "Your Industry"
  • Functional Area: "Your Functional Area"
  • Domain: "Your Domain"

Previous Item Navigation Label

Optional Use this setting to specify a custom label for the Previous Item area while viewing an Item. If you do not specify anything here, the default label ("Previous Item") will be displayed.

Next Item Navigation Label

Optional Use this setting to specify a custom label for the Next Item area while viewing an Item. If you do not specify anything here, the default label ("Next Item") will be displayed.

Log Mode for Marketers

Optional Use this setting to log basic debugging information in the browser console. When this setting is enabled, the app will record information about what the app is doing in the browser console, such as what has been filtered and why. In addition, the data the app received from Bombora for the current visitor will also be shown.

To view these logs, you must open the console in your browser. How you do this will vary based on the browser you use; for instructions on how to open the console in Chrome, see this article from Google.

 

Available Bombora Attributes

When you create tags for use with Filter Items by Tags, you can use any of the following attributes. Enter the value under the column Attribute Code for the [attribute] portion of the tag. 

For each attribute, a sample value (used in the [value] portion of the tag) is also shown. You can find more possible values that are applicable to your Hub in the Visitor Insights Dashboard. For a full list of values, or for more information about Bombora attributes in general, please contact Bombora.

Attribute Name

Attribute Code

Example Values

Topics

tp

“Deep Learning”, “Intrusion Detection”, “Storage Area Networks (SAN)”

Predictive Category

pc

“Accounting”, “Security”, “CRM & Marketing Automation”

Industry

ind

“Media & Internet”

Company Revenue

cr

“Medium-Small ($10MM-$50MM)”

Company Size

cs

“Medium-Small (50-199 Employees)”

Domain

dm

“abc.com”

Functional Area

fa

“Information Technology”

Professional Groups

pg

“IT Professional”, “Business Professional”, “Marketing Professional”

Seniority

sn

“Management”

Decision Maker

dcm

“IT Decision Maker”

Install Data

ins

“Cloud Services > Platform as a Service (Paas)”, “Communications Technologies > Telephony”

Education

edu

“Some College”

 

Best Practices

When using this app, we recommend the following for best results:

  • For Streams and Items that you intend to share on social media, avoid using Search & Replace placeholders in the Title and Description fields. These fields are used to populate the Open Graph and Twitter Card tags that social platforms use to generate link previews, and any text you put in them will appear in the preview — including the placeholder text itself, e.g. {bombora.ind} instead of the relevant industry.
  • For Marketing and Sales Streams, we recommend enabling the Banner+Logo template under the Stream's Appearance tab, as this will allow you to use the Swap Logo setting. If you select this template, you should also enable the Hide Stream Title option and specify a Banner Title (also under the Appearance tab). There are two benefits to doing this:
    • If the Remove Logos When No Match Found option is turned on and no logo matches are found, the Banner Title will be shown on the banner instead (rather than an empty banner image).
    • If you intend to share the Stream on social media, you can put a placeholder in the Banner Title field (as this isn't shown in the social media preview), but not in the regular Stream Title field (which is shown on social media). In other words, this allows you to personalize the title that a visitor to the Stream sees, without the placeholder text appearing when the same Stream is shared on a social media platform.
  • For all Streams and Items that you don't plan to share on social media, but which you expect to be indexed by Google, we recommend using the SEO Title and SEO Description fields. These allow you to specify alternative titles and descriptions for your Streams and Items when they appear on Google search result pages. You can use these fields to ensure that any placeholders you put in a Stream's or Item's title/description do not appear when that Stream or Item appears on Google.

 

Troubleshooting

If you experience problems with this app's functionality, this may be due to corrupted data. To resolve the issue, try clearing your browser's cache (or try using the app in Incognito Mode to see if that resolves the issue).

 

For Developers

Because this app manipulates a large portion of Stream and Item pages, a race condition can occur, which can cause other JavaScript custom code running on the same page to malfunction. 

If your JS code performs other manipulations on pages where this app is active, you should ensure it runs after the app to avoid problems. To help you do this, a callback function is built into the app that will be called once the app has finished executing its own code.

To leverage the callback function, create a function named ufPersonalizerCallback in your own custom code and place your JS inside it. For example:

<script>
var ufPersonalizerCallback = function(){
/** Your JS **/
};
</script>
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.