Trending Conversations - Carousel

This feature highlights stories on your site with active conversations to increase page views and audience engagement.

Use this tool to generate revenue by leveraging the ad position on the product. Contact your client success manager to enable Viafoura ads on this product.

πŸ“˜

Note

You can connect your own ad server to this product. Follow instructions here to configure your own ads.

❗️

For the trending articles images to appear an og:image meta tag or vf:image tag is required on the corresponding article linking to an appropriate image for the article. We recommend an aspect ratio of 3:2 and for optimal performance sized as 210px by 140px. More details on these meta tags can be found here.

13491349

Insert the code snippet below where you want the product to appear.

<div class="viafoura">
    <vf-content-recirculation
    title="Trending Articles"
    limit="5"
    days-published="7"
    trend-window="1"
    sort="comments"
    vf-container-id="currentPageContainer"
  />   
</div>

Installation parameters:

NameDescriptionAccepted ValuesDefault
vf-container-idThe container id of the current page.

It is used to exclude the current page from results.

This is not required if the vf:container_id meta tag has been set on the page.
The value of meta vf:container_id"
titleThe title you want displayed at the top of the plugin.Trending Articles
limitThe maximum number of articles to show.1 to 1005
days-publishedThe number of days since the article was created. This is also referred to as the article age.1 to 307
trend-windowThis determines the size of the trend window in hours. For example, when set to 1, a list is retrieved with the articles that have received the most comments in the past 1 hour.

trend-window must be less than or equal to the days-published or there will be no articles to return.
1 to 481
sortUsed to determine how articles are sorted in the list, which is by comments count within the specified trend window. This is the only sort parameter at this time.commentscomments

πŸ“˜

NOTE:

If you are using the ad in the Trending Articles, check this CSS customization.


What’s Next