How to install and use the Kameleoon Chrome Extension?

3

min

quiz

Installation of the extension

You can either follow this tutorial or follow the steps detailed in this article.

First, add the extension to Chrome by following this link.

Go to your Kameleoon back-office and log in.

Open the web console (F12 on PC or command+option+I on Mac).

Click on the Kameleoon tab from the web console.

On your Kameleoon back-office, go to “Settings” > “My websites”.

That will activate the extension and give you access to the websites linked to your Kameleoon account.

Note: If you add a new website to your Kameleoon account, the procedure must be repeated.

Several tabs are available in the extension :

  • Dashboard
  • Script Analysis
  • A/B Tests
  • Personalizations
  • Goals
  • Custom Data
  • Requests
  • Visits

Dashboard

The white page that appears by default when the extension is opened is a dashboard.

With one click on the + icon you can build and customize this dashboard to have in front of you the information that is essential to you.

This dashboard can be enlarged, reduced, closed…

You can increase the number of lines by clicking on the three-point menu at the top left.

The inserts at your disposal are as follows:

  • Consent: indicates whether consent has been given for A/B testing/personalisation (“true” may mean either that you have given your consent or that your consent is not required; “false” means either that you have refused your consent or that pending your consent the experiments have been blocked);
  • Custom data: lists the active custom data on the page, their ID and value;
  • Experiments (A/B tests): lists all A/B tests running on the page and indicates their ID, evaluates targeting (true/false), also indicates the ID of the registered variation and displayed variation;
  • Personalizations: same for all personalizations running on the page;
  • Site Code: you can find it at a glance!
  • Visitor Code: indicates the visitor code that has been assigned to you, which allows you to monitor (among other things) the accounting of visits.

Installation

Configuration

It indicates the configuration of the engine, of what was injected via the back office (static configuration).

Gatherer

It indicates the elements that has been configured in the “Advanced tools” part of the back office:

  • custom data;
  • key pages;
  • custom script.

Global script

You will find here the global script (equivalent to script tracking in the back office).

Script Analysis

This tab allows to analyze the composition of the script and to understand which parts of the script can possibly slow down the website.

  • Script size (compressed): Script size according to CDN.
  • Script size: Overall size.
  • Script date: Date of the last update of the script.

Some elements are clickable and allow access to details: “A/B Test”, “Personalization” and “Gatherer”.

The “Engine” part (in grey) must normally occupy more than 50% of the total weight.

A/B Tests

You will find in this tab all your A/B tests running on the page.

You can add or remove columns by clicking on the green icon to customize the table. You can also use the search bar to find a test.

  • Id: ID of the test. On click you can switch and go back to the Chrome console: it will display the object directly in the console.
  • Name: Name of the test.
  • Targeting: Whether or not you are targeted.
  • DisplayedVariationId: ID of the variation displayed to you (“reference” when not targeted, or targeted but assigned to the reference).
  • RegisteredVariationId: ID of the variation on which you have been assigned with the visitor code (“reference” when not targeted). You can force a variation by selecting it in the dropdown. The eye icon on the right allows you to preview it.
  • DateModified: Date of the last change made to the test (time stamp).
  • TrackingPerformed: If you are targeted, the tracking must have been performed.
  • PreviousRequestRedirected: If the test is in URL redirection and you have been redirected.
  • AssignmentTime: Time stamp of when you were assigned to the variation. If this is the original and you have not been targeted, the value is “undefined”.
  • TimesDisplayed: The number of times the variation has been displayed.

Configuration

When you click on the name of an experiment in the left menu, the entire configuration of the test is displayed in the extension.

You will then directly find the information that is normally in the console.

Targeting

In this section, the targeting conditions are shown in a much more intelligible way than in the console, with logical links between the conditions.

Some conditions give access to additional details when you click on them. For example, for a JS condition, the JS to be executed will be displayed.

CSS/JS

These two additional sections appear if CSS/JS has been injected on the A/B test.

Personalizations

You will find in this tab all your personalizations running on the page.

Add or remove columns by clicking on the green icon to customize the table. You can also use the search bar to find a personalization.

  • Id: ID of the personalization.
  • Name: Name of the personalization.
  • Targeting: Whether or not you are targeted.
  • Exposition: Whether or not you are exposed.
  • NotExposedReason:
    • “TARGETING” when you are not part of the segment;
    • “EXPOSITION” when you are part of the segment but do not fit the exposure criteria;
    • “undefined” when you are exposed (so there is no need to explain why you are not).
  • DisplayedVariationId: ID of the variation displayed to you (“reference” when not targeted, or targeted but assigned to the reference).
  • Priority: The priority level you assigned to the personalization when you configured it, in the “Prioritization” part of the “Display settings” (by default, if not specified, the priority is 1).
  • CustomExpositionRate: The percentage of segment exposed to the personalization (1 if 100%, less than 1 if you used the “Capping” option, for example 70% = 0.70).
  • DateModified: Date of the last change made to the personalization (time stamp).

Configuration

When you click on the name of an experiment in the left menu, the entire configuration of the test is displayed in the extension.

You will then directly find the information that is normally in the console.

Targeting

In this section, the targeting conditions are shown in a much more intelligible way than in the console, with logical links between the conditions.

Some conditions give access to additional details when you click on them. For example, for a JS condition, the JS to be executed will be displayed.

CSS/JS

These two additional sections appear if CSS/JS has been injected on the personalization.

Goals

In this tab, you will find the configuration of each goal associated with your running experiences so you can check that they are achieved when they need to.

Add or remove columns by clicking on the green icon to customize the table.

You can also use the search bar to find a goal.

Configuration

You can check the configuration of each goal.

  • Id: ID of the goal.
  • Name: Name of the goal.
  • Type:
    • Click
    • Scroll
    • URL
    • Engagement
    • Time spent
    • Page views

Conversions

You can check that a goal is achieved when it is supposed to.

Observe which goals converted when you visited the page.

  • Converted: The goals that were converted when you visited the page.
  • Conversions: The total number of times you have converted this goal.
  • Revenue: The total revenue associated with this goal (if applicable).

Custom Data

In this tab, you will find all the configuration parameters of a custom data, which makes it possible to check that you have set the correct parameters.

Add or remove columns by clicking on the green icon to customize the table.

You can also use the search bar to find a custom data.

Configuration

If you click on a custom data in the left-hand menu, you can access its configuration details.

Requests

With this tab, you can easily debug all requests.

Add or remove columns by clicking on the green icon to customize the table.

You can also use the search bar to find a request.

Visits

With this tab, you can find information on all the visits you have made.

  • The number of visits;
  • The number of pages viewed during each visit;
  • The timestamp of the beginning of each visit;
  • The duration of each visit;
  • The time elapsed between two successive visits;
  • The timestamp of the last activity on the page.

Add or remove columns by clicking on the green icon to customize the table.

You can also use the search bar to find a visit.