Skip to main content

Command Palette

Search for a command to run...

⚙ Split testing with Netlify

Netlify Explorers

Updated
1 min read
⚙ Split testing with Netlify
L

French software engineer building a new life in Japan. My journey here is a big challenge—from learning the language to navigating the tech scene. I use this blog as a space to share what I'm learning, both in tech and in life.

Creating a new Netlify Site

Create a site on Netlify from a GitHub repo allow to trigger a deployment on repository update

Creating branch deploys

Netlify settings to deploy all branches

Creating and configuring split tests

Netlify's Split Testing allows you to silently serve different versions of your sites to your users without compromising performance which would prejudice your test results.”

“The way that this happened on Netlify, it's thanks to Netlify Edge, which allows us to run a thin layer of logic right out on the edge nodes of the CDN that can shape the traffic from one branch to the other depending on rules that we create. Let's go and create some of those rules now.“

Adding branch information to analytics

Add snippet code for Google Analytics about the BRANCH variable

Opt-in betas with branches and split testing

  1. Set up a split test with two branches as 100% and 0%
  2. Setup script to create a cookie with “nf_ab: BRANCH_NAME” + reload
  3. When the user clicks, thanks to the cookie, Netlify will guide the traffic to the specific branch.

Resources

⚙ Technical

Part 14 of 20

In this series, I gather data on IT concepts and I come back step by step on how I made a project, introduction to a new language/framework, how to deploy on a specific platform, how to use a library.

Up next

⚙ Angular in the Jamstack

Netlify Explorers

More from this blog

L

LPM Blog

194 posts

日本でのキャリアを切り拓く私の挑戦の記録です。

ここでは、私の就職活動の道のり、技術的な学び、そして異文化で働くことの喜びと苦労を共有していきます。

この挑戦を通じて、ITエンジニアとしての成長を皆さんにお見せできれば幸いです。