Native support for A/B Testing in PoP

PoP has support for A/B Testing natively, through the modification of one or two URL parameters which change the look and feel of a webpage:

  • thememode
  • themestyle

Whereas thememode is used for rendering a webpage for a completely different use case (such as embed, print, or mobile), themestyle is used to tweak the presentation styles. Some examples:

Homepage:

Homepage for printing purposes, appending thememode=print to the URL:

Homepage with a wider presentation, appending themestyle=expansive to the URL:

Once the website is initially loaded with a given value for any of these two parameters, the framework in the front-end will always append these values to all subsequent requests. In the image below, themestyle=expansive is added to all requested URL, either as a link clicked upon by the user, or dynamic content fetched by some component:

Then, a PoP site can be customized using these parameters, and users can be served either version. Because this information will always be in the requested URL, then we can analyze and measure the impacts of each design very easily. Finally, to append one or another parameter value to the URL, the URL is intercepted in the client through Service Workers, adding a parameter or the other following the weight given to each.

This is native A/B Testing.


Sign up to our newsletter:

Welcome to the PoP framework!
Break the information monopoly

the PoP framework is open source software which aims to decentralize the content flow and break the information monopoly from large internet corporations. Read more.