Recommender Use Case: Automating Home Page Section Blocks

[xavi.beumala]

Showcase the most clicked or popular articles within a section or combination of sections to improve user interaction and content discovery.

Scenario Description

Your website covers a wide range of topics, organized into various sections like News, Sports, Entertainment, Technology, and more. On your home page, you feature dedicated blocks or modules for these sections to highlight key articles and draw users into different content areas.

Traditionally, editors manually select and update the articles displayed in these section blocks. While this allows for editorial control, it can be time-consuming, some sections might not have the resources and may not always reflect the real-time interests of your audience.

By leveraging the Marfeel Recommender to automate these home page section blocks, you can dynamically populate each module with the most clicked or popular articles from their respective sections. The recommender system analyzes user engagement data to identify top-performing content, ensuring that the articles showcased are those that resonate most with your readers.

For instance:

• Technology Section Block: Automatically displays the latest and most popular tech articles, such as gadget reviews, tech industry news, or how-to guides that users are actively engaging with.
• Entertainment Section Block: Features trending celebrity news, movie reviews, or music releases that have high click-through rates.
• Combined Sections Block: You might have a “Lifestyle” block that combines popular articles from Health, Travel, and Food sections.

This automation can be applied to individual sections or combinations, providing flexibility in how you curate your home page content.

By automating your home page section blocks to feature the most clicked or popular articles, you create a dynamic and engaging home page that responds to your audience’s interests. This strategy not only enhances user satisfaction but also optimizes your resources, making your content management more efficient and effective.

How to Set it Up

We’ll create a block inside the homepage that features the latest articles about a specific section.

1. Navigate to Experience Manager and click on New Experience. Filter by Inline format and Recommender family, and select any template to continue.
   
   
2. Name your new experience accordingly and use the preview URL dropdown to nagivate to your homepage.
3. In Format tab, insert the CSS selector that identifies the position that the new module must take. Alternatively, use the target icon at the top left of the preview to activate highlight, locate the position on the homepage and select CSS Selector on the dropdown.
4. Select Insert After as strategy.
   
   
5. In Content tab, click on the feed to edit it. Select Latest as Engine, and add the restriction Section = Technology (or any). Adjust the number of articles to be displayed.
   
   
6. For the layout, you can either
   • Select a preconfigured one
   • Select Custom layout and insert the HTML code inline
   • Use Copilot to copy one → click on the target icon on the top left corner of the preview, highlight the module to be copied, and select the option Generate > Layout only.
     
     
7. Use the preview to make sure that the recommender experience is inserted accordingly and looks as intended, both in desktop and mobile.
   
   
8. Switch to Targeting tab and add the filter URL = {homepage url}
   
   
9. Save & Publish