By recommending the most trending, engaging articles from around your site, Popular in the Community helps to promote and monetize your most popular content:

• Promoting your content by showcasing user-generated content
• Featuring a monetization component that generates shared revenue

Requirements

Popular in the Community requires the following:

• Popular in the Community must be enabled by your OpenWeb PSMPSM - Partner Success Manager
• Minimum of 10 articles with a Conversation embedded
• Defined og:title for each article
• Defined og:image with a fully-qualified URL for each article

Implementation

You can add Popular in the Community on the following types of pages:

• With a Conversation
• Without a Conversation

📘

NOTE

You can also add Popular in the Community and a Conversation to an AMP page.

Embed with a Conversation

After your OpenWeb PSM has enabled Popular in the Community for your account, Popular in the Community appears above each Conversation. No additional coding is necessary.

Set a custom location

To define a custom location for Popular in the Community to appear, add the Popular in the Community <div> to the page. Popular in the Community will appear in the location in which you place the <div>.

The following table lists the different approaches to aligning Popular in the Community with the layout of your page.

Set recommendation categories

You can use the data-categories attribute of the Popular in the Community <div> to filter the categories of user-generated content to recommend. You can add multiple categories by separating each category with a comma.

✅

IMPORTANT

As shown in the example below, be sure the categories you define in the data-categories attribute of the Popular in the Community div element match the values included in the data-article-tags launcher code attribute.

<div data-spotim-module="pitc" data-categories="ARTICLE_TOPIC1,ARTICLE_TOPIC2">
</div>

Embed without a Conversation

You can embed Popular in the Community on article pages that do not contain a Conversation.

1. Add the launcher code.

<script 
    async
    src="https://launcher.spot.im/spot/SPOT_ID"
    data-spotim-module="spotim-launcher">
</script>

2. Replace SPOT_ID with your Spot ID.
   
   Use the following steps to locate your Spot ID:
      a. Log into your Admin Dashboard.
      b. Copy your Spot ID from the URL: https://admin.spot.im/spot/{SPOT_ID}/...

3. In the location where Popular in the Community should appear, add the Popular in the Community <div>.
   
   The following table lists the different approaches to aligning Popular in the Community with the layout of your page.