Reordering Modules

Marfeel Reorder module experience enables reordering the articles in any module based on the ranking provided by Marfeel’s Recommender, without altering them or needing to render them again. It is specially useful for situation like personalizing the Homepage or automating modules based on CTR.

It is also specially important for mobile, since while in desktop a whole module may fit in screen, making the position of each element inside not so relevant, in mobile the same module may extend across several viewports.

Reorder Module configuration

A recommender experience can be set in Reorder mode by selecting Reorder in its Strategy dropdown, inside Format tab. there is also a Reorder Module experience template available in the new experience creation dialog. It can be configured using the following fields:

  • CSS selector — In Format tab, the CSS selector in this field identifies the module that will be reordered. Execution is recurrent, meaning that every block matching this selector will be reordered.

  • Article selector — Optional. Use this to specify a common selector for all articles that need to be reordered. Use it only to help the algorithm for complex modules with a common article selector. Otherwise, algorithm will try to infer the definition of an article automatically, based on the anchors (links) positioning.

  • Ignore selector — Optional. Elements matching this selector will not be reordered. Useful to preserve ad positions, for instance.

  • Ranking CTR — Inside each feed configuration. Configure Module to be equal to the one to be reordered. CTR metrics for ranking will be taken from this recirculation module.

Reorder Module best practices

  • Time Window — When reordering modules with high dynamism, like homepages, it is recommended to use short time windows, so that algorithm focuses only on articles that are showing good results recently.

  • Highest CTR — It is common to want to boost ranking by CTR when reordering a module. To do so, you can use Highest CTR engine that will prioritize this signal. For further tweaking, modify ctrFactor as specified in Recommender’s Advanced Configuration.

  • Mobile targeting — As mentioned earlier, there are some modules that cannot be reordered in desktop, because layout could get mixed up, leaving blank spaces in between articles or failing to maintain a visual harmony. Reordering only for mobile devices by setting a Device=Mobile in targeting tab may be a good strategy on these cases.

  • Multiple block reordering — Some modules may include some sub-modules that we want to preserve —for instance, a module that contains one column per editorial section—. We can do that by specifying a common sub-module selector as the main CSS selector. Each sub-module will be reordered but articles will not change the sub-module they are in.