Custom Targeting Example

This is an example of how to use Plasmic with custom targeting. Following the code in Docs.

In plasmic-host it's defined the custom targetting traits utm_source and browser;
In middleware both the values of utm_source and browser are passed to getMiddlewareResponse as well as some special handling to only getMiddlewareResponse if the page is a splits enabled page;
In Catch All the rewriteWithoutTraits function is called to extract the traits from the url, in getStaticPaths the function generateAllPaths is called so that all seeded pages are generated in build time. The page uses PlasmicSplitsProvider to provide the traits to power A/B testing, segmentation and scheduling.

To open the corresponding Plasmic project (cloning it if you wish):

A live demo is available at:

The targetting shows different variations based on the following rules:

By going to the following URL:

The variation with utm_source = google will be shown. By using different browsers, the variation with browser = chrome will be shown.

In the abtest page, it's possible to see the different variations by clicking in the main button:

Learn More

With Plasmic, you can enable non-developers on your team to publish pages and content into your website or app.

To learn more about Plasmic, take a look at the following resources:

You can check out the Plasmic GitHub repository - your feedback and contributions are welcome!

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
components		components
pages		pages
public		public
styles		styles
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
middleware.ts		middleware.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
plasmic.json		plasmic.json
plasmic.lock		plasmic.lock
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock