AI recommendations in blog posts

Published November 24, 2021

Modules

Difficulty

Selected Clients

---

Industry

Automotive

Books

Cosmetics

Electronics

Fashion & Apparel

Home & Furniture

Jewelry

Retail

Telco

Multi

Travel

Blogging enables you to reach your target group in an easier way than other conventional marketing channels. Preparing articles connected with your offer can promote your products or brand, attract an audience, and establish you as an authority in the field.

If you have a blog with a lot of readers, there may be a great opportunity to boost revenue because you can implement recommended products below your blog posts or inside them and make it easier to find the products that engage readers.

This use case describes how to enrich a blog with recommendations of outdoor running shoes suitable for specific terrains. The output of the use case are two separate frames which present the following recommendations:

• Bestselling road racing shoes - the filters of the recommendation use custom surface attribute set to asphalt.

• Bestselling trail racing shoes - the filters of the recommendation use custom surface attribute set to off-road.

Prerequisites

• Implement a tracking code to the blog.
• Import a product feed.

Process

In this use case, you will go through the following steps:

1. Preparing AI recommendations.
2. Create dynamic content campaign.

Prepare AI recommendations

As the first part of the process, create two separate AI recommendations:

• Bestselling racing shoes suitable for running on asphalt
• Bestselling racing shoes suitable for running off-road

The recommendations will differ only in the filter conditions.

1. Go to Communication > Recommendations > Add recommendation.
2. Enter the name of the recommendation (it is only visible on the list of recommendations).
3. In the Type & Items feed section and click Define.
4. From the Items feed dropdown list, select a product feed that has a trained model.
5. Select the Top products recommendation type.

   

6. In the Items section, click Define.
7. Click Add slot.
8. Click the Unnamed slot that was created.
9. Define the minimum and maximum number of products displayed in the frame according to your needs.
10. In the settings of the Static filters:
    • For the bestselling racing shoes suitable for running on asphalt:

      

    • For the bestselling racing shoes suitable for running off-road:

      

11. In the Additional settings, click Define.
12. From the Sort metric dropdown list, select Conversion Percent in the last 30 days.

    

13. Click Save.
14. Create the second recommendation. Repeat the steps.

Create dynamic content

Create two sets of dynamic content to insert the recommendations on your blog. The first set will use in the dynamic content template the AI recommendation that contains bestselling racing shoes suitable for running on asphalt, the other bestselling racing shoes suitable for running off-road. Apart from that, you will put them in different blog posts.

1. Go to Communication > Dynamic content > Create new.

2. Enter the name of the dynamic content.

3. Choose Insert Object type.

4. As the audience, select everyone.

5. In the Content section, select Simple message, and specify the CSS selector where you want to insert recommendations.

6. In the Content tab, click Create Message.

7. In the code editor, insert Jinjava with the AI recommendation and add your own CSS.

   Click to see Jinjava

   Replace your_campaign_ID with the ID of the AI recommendation (either of the bestselling shoes suitable for asphalt or off-road). The ID of the AI campaign is contained in the URL of the recommendation.

   <!-- Downloading the AI campaign --> 
    {% recommendations3 campaignId=your_campaign_ID %}
    {% for p in recommended_products3 %}
    <li data-snr-ai-product-id="{{p.itemId}}">
    <a class="snrs-AI--item-link" href="{{p.link}}" title="{{p.title}}">
    <img src="{{ p.imageLink }}"class="products-slider__item-image snrAI-product-image snrAI-product-image-{{p.itemId}}" width="90" alt="{{p.title}}" id="snrAI-image-{{p.itemId}}">
    <h3 class="snrs-AI-product--product-name">
    <span class="snrs-AI-product--name-first">{{p.title}}</span>
    </h3>
    <span class="snrs-AI-product--series">{{p.attributes.series}}</span>
    </a>
    </li>
     {% endfor %} {% endrecommendations3 %}

8. Save the template.

9. In the Schedule section, select the date when the dynamic content is activated.

10. In Display settings, configure the settings:

    • Triggers set to On landing.
    • Leave Delay at default.
    • In the Page targeting section, select Others:
      • Under Display on pages banner, click Add rule.
      • From the dropdown list, select Page containing URL.
      • In the text field, enter the link to your blog post.
      • Leave the rest of the settings at default.

    

11. Confirm by clicking Apply.

12. In the UTM & URL parameters section, click Skip step.

13. Activate the dynamic content.

14. Create the second dynamic content template to display the recommendations with the other group bestselling shoes for specific terrain. Repeat all the steps.
    Result: The recommendation frames are displayed at the URLs with the blog posts.

Read more

• API Recommendations
• Dynamic content campaigns
• Recommendations