Targeted content may be inserted in websites, mobile web and in-app by setting up 'slots'. A slot identifies a block on the webpage/screen where dynamic content from Blueshift's live campaigns is included.

A slot has a "name" to uniquely identify the slot, so that the right content is delivered for the slot.

Multiple slots may be included on the same webpage or mobile screen. For instance, an item page may include two slots: a vertical right banner for similar items and a bottom banner showing trending content from the same category.

You can easily integrate using an HTML/javascript tag for websites or a REST/JSON API call for server-side or mobile apps. To show dynamic content to users, website and mobile apps must make dynamic API calls each time a user views a page. These are done with either a REST/JSON API call or a HTML/javascript tag. For more information, see Integrating Slots and the Live Content API guide. 

Types of Slots

HTML

If you are planning to insert dynamic content recommendations on your website without complex business rules for filtering recommendations, you can use the HTML/Javascript based recommendation tags. The HTML based integration allows you to tweak the rendering of content easily within the Blueshift dashboard.

HTML content is typically used for mobile web and desktop sites where a javascript tag can be used.

REST/JSON

Use REST/JSON based integration if you plan to integrate live content recommendations in your mobile apps or from server-side calls from your websites. The REST/JSON API integration allows you to do more complex checks on your server-side before presenting content to the user. You may want to do that to filter out certain items based on business rules.

JSON content is typically used for mobile in-app where native rendering is required.

Popup

A popup slot is used render an HTML popup template as a popup on your site. A popup is typically used for mobile web and desktop sites where a javascript tag can be used.

Add a Slot

To add a new slot, go to the Slots tab in Live content and click +SLOT.

You can add an HTML slot, a JSON slot, or a Popup slot.

HTML Slots

live_create_slot_html.png

To add an HTML slot, complete the following steps:

  1. Add a slot Name.
    The slot name must uniquely identify where the slot will be used. The slot name is subsequently used in API calls or Javascript tags, so that the right dynamic content can be included for each slot.
  2. Select slot Format as HTML.
  3. Add the dimensions (Width and Height) for the slot.
    Adding dimensions is optional. However, adding slot dimensions ensures that the content template fits the slot dimensions. HTML templates that do not meet the slot dimensions are excluded from campaign setup.
  4. Click Create new slot.

Here is an example of an HTML slot that is used in several campaigns.

slot_example_html.png

JSON slots

live_create_slot_json.png

To add a JSON slot, complete the following steps:

  1. Add a slot Name.
    The slot name must uniquely identify where the slot will be used. The slot name is subsequently used in API calls or Javascript tags, so that the right dynamic content can be included for each slot.
  2. Select slot Format as JSON.
  3. Click Create new slot.

Here is an example of a JSON slot that is used in several campaigns.

slot_example_json.png

Popup slots

popup_slot_create.png

To add a popup slot, complete the following steps:

  1. Add a slot Name.
    The slot name must uniquely identify where the slot will be used. The slot name is subsequently used in API calls or Javascript tags, so that the right dynamic content can be included for each slot.
  2. Select slot Format as Popup.
  3. Click Create new slot.

Here is an example of a Popup slot that is used in several campaigns.

slot_example_popup.png

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.