Skip to content

Commit

Permalink
GITBOOK-16: Final images
Browse files Browse the repository at this point in the history
  • Loading branch information
Sofie Toft Kristensen authored and gitbook-bot committed Oct 21, 2024
1 parent b612102 commit bcd48c1
Show file tree
Hide file tree
Showing 45 changed files with 29 additions and 45 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions 13/umbraco-engage/SUMMARY.md
Original file line number Diff line number Diff line change
Expand Up @@ -138,6 +138,6 @@
* [Create a Personalized Popup in 5 minutes](tutorials/create-a-personalized-popup-in-5-minutes.md)
* [How to set up an A/B Test](tutorials/set-up-your-first-ab-test.md)
* [Marketing Resources](tutorials/marketing-resources/README.md)
* [Generic Exit Intent Popup Template](tutorials/marketing-resources/generic-exit-intent-popup-template.md)
* [Generic Popup Template](tutorials/marketing-resources/generic-popup-template.md)
* [Generic Topbar Template](tutorials/marketing-resources/generic-topbar-template.md)
* [Generic Popup Template](tutorials/marketing-resources/generic-popup-template.md)
* [Generic Exit Intent Popup Template](tutorials/marketing-resources/generic-exit-intent-popup-template.md)
2 changes: 0 additions & 2 deletions 13/umbraco-engage/developers/ab-testing/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,5 +10,3 @@ Learn more about each option and how to configure them in the [Marketing and Edi
{% content-ref url="csharp-api.md" %}
[csharp-api.md](csharp-api.md)
{% endcontent-ref %}

<figure><img src="../../.gitbook/assets/image (12).png" alt="A/B testing in Umbraco Engage"><figcaption><p>A/B testing in Umbraco Engage</p></figcaption></figure>
2 changes: 1 addition & 1 deletion 13/umbraco-engage/developers/analytics/scroll-heatmap.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,4 @@ description: >-

The heatmap only collects data if [the client-side script](client-side-events-and-additional-javascript-files/additional-measurements-with-the-analytics-scripts.md) is installed on your website.

![View a scroll heatmap on each published content item in the Content section.](../../.gitbook/assets/engage-analytics-scroll-heatmap.png)
![View a scroll heatmap on each published content item in the Content section.](../../.gitbook/assets/engage-analytics-scroll-heatmap-2.png)
Original file line number Diff line number Diff line change
Expand Up @@ -187,7 +187,7 @@ To make sure Umbraco loads your JS files we specify them here:

If all goes well you will see your custom parameter editor show up in the segment builder:

![Day of week segment parameter]()
![Day of week segment parameter](../../.gitbook/assets/engage-personalization-developer1.png)

## 3. (Optional) Cockpit visualization

Expand All @@ -197,7 +197,7 @@ This includes active segments of the current visitor, and therefore your new seg

If you hover over it you will see the rule identifier "**DayOfWeek**" rather than a friendly name.

![Raw display of DayOfWeek]()
![Raw display of DayOfWeek](../../.gitbook/assets/engage-personalization-day-of-week-raw.png)

If you want to change this to be more readable you can implement the **Umbraco.Engage.Web.Cockpit.Segments.ICockpitSegmentRuleFactory** interface.

Expand All @@ -219,4 +219,4 @@ After it has been registered, Umbraco Engage will use the additional information
The "**DayOfWeek** test" string is the name of the segment. This segment happens to have only 1 parameter which is the DayOfWeek parameter.
{% endhint %}

![DayOfWeek formatted]()
![DayOfWeek formatted](../../.gitbook/assets/engage-personalization-day-of-week-formatted.png)
2 changes: 0 additions & 2 deletions 13/umbraco-engage/installation/installation.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,6 @@ The example shown below uses the Nuget Package Manager in Visual Studio.
6. Choose which project to install it into.
7. Install the package.

![]()

## Installing using the terminal

You can install Umbraco Engage using a terminal, like the Package Manager Console in Visual Studio. The steps for doing so are outlined below.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,4 +13,4 @@ Because the algorithm is based on randomness the visitors are not equally distri

In the test shown below, the variant distribution is not a perfect 33,333% as you could expect with three variants.

![An A/B test with three variants where the distribution is not a perfect 33,333%.](../../.gitbook/assets/engage-ab-overview-of-tests.png)
![An A/B test with three variants where the distribution is not a perfect 33,333%.](../../.gitbook/assets/engage-ab-test-33.png)
Original file line number Diff line number Diff line change
Expand Up @@ -11,12 +11,6 @@ You can decide to finish an A/B test at any time. Normally, you would end a test

Umbraco Engage lets you know when the collected data is statistically significant. The same applies to when not enough data is collected.

<div align="left">

<figure><img src="../../.gitbook/assets/image (20).png" alt="Warning about insufficient data on A/B test."><figcaption><p>Warning about insufficient data on A/B test.</p></figcaption></figure>

</div>

Even if not enough data is collected you can always decide whether a running A/B Test is complete. In the overview you can see all tests and their performance:

<div align="left">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,10 @@ If you go to the overview you can see all running tests. The overview includes t
* How many visitors are included in the test?
* For how long should the test run to produce relevant results?

<figure><img src="../../.gitbook/assets/image (13).png" alt="Monitoring the A/B tests."><figcaption><p>Monitoring the A/B tests.</p></figcaption></figure>
<figure><img src="../../.gitbook/assets/engage-ab-test-monitor.png" alt="Monitoring the A/B tests."><figcaption><p>Monitoring the A/B tests.</p></figcaption></figure>

You can see all test variants when you access the details on a test. You can preview the variants, or disable them. If for example, the conversion rate has decreased in a variant, it could be smart to disable that variant.

The algorithm also signals the leading variant based on the Minimal Detectable Effect (MDE) which uses the 95% confidence level.

<figure><img src="../../.gitbook/assets/image (15).png" alt="Algorithm signaling the leading variants."><figcaption><p>Algorithm signaling the leading variants.</p></figcaption></figure>
<figure><img src="../../.gitbook/assets/engage-ab-test-monitor-2.png" alt="Algorithm signaling the leading variants."><figcaption><p>Algorithm signaling the leading variants.</p></figcaption></figure>
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Locations are not visible out of the box. You need to add a location provider wh

The localization information is displayed under the Location tab in the Analytics section of the Umbraco Engage dashboard:

![Location tab, located under the Analytics section](../../.gitbook/assets/engage-analytics-location.png)
![Location tab, located under the Analytics section](../../.gitbook/assets/engage-analytics-locations.png)

The graph contains all sessions started within the given time, similar to the "**New and returning visitors**" tab. This information is not location-bound and the graph is always displayed, even if no localization information is available.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,6 @@ The feature gives a visual representation of the average scroll depth of your vi

An advantage is that you do not need to integrate any 3rd-party tools. This will prevent additional load times and possible issues with data ownership.

![View a scroll heatmap on each published content item in the Content section.](../../.gitbook/assets/engage-analytics-scroll-heatmap.png)
![View a scroll heatmap on each published content item in the Content section.](../../.gitbook/assets/engage-analytics-scroll-heatmap-2.png)

The heatmap only collects data if [the client-side script](../../developers/analytics/client-side-events-and-additional-javascript-files/) is installed on your website.
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ Now that you've created URLs for campaigns they will automatically be tracked by

going to **Personalization** -> **Campaign scoring** you will see all the campaign groups, the campaigns you already scored, and the campaigns that need scoring.

<figure><img src="../../../.gitbook/assets/image (6) (3).png" alt="Scoring your campaign."><figcaption><p>Scoring your campaign.</p></figcaption></figure>
<figure><img src="../../../.gitbook/assets/engage-personalization-campaign-scoring.png" alt="Scoring your campaign."><figcaption><p>Scoring your campaign.</p></figcaption></figure>

#### Creating a campaign group

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,11 @@ Each Umbraco node can be scored against personas and the customer journey.

To do this navigate to a node in Umbraco and open the content app "**Personalization**" on that node:

<figure><img src="../../../.gitbook/assets/image (13) (1).png" alt="Open personalization on content node."><figcaption><p>Open personalization on content node.</p></figcaption></figure>
<figure><img src="../../../.gitbook/assets/engage-personalization-on-content.png" alt="Open personalization on content node."><figcaption><p>Open personalization on content node.</p></figcaption></figure>

You can navigate to the tab "**Content scoring**" to score this Umbraco page. Writting your content for a specific set of personas you can assign a score that will be added to this persona or customer journey step.

Set up the score and save the scoring.&#x20;
Set up the score and save the scoring.

In the example the persona "**Data & Privacy officer**" will get **10 points** and the "**Marketer**" will get **5 points** when they read this Umbraco node.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,22 +8,22 @@ description: >-

1. Create a **Referral group**:

<figure><img src="../../../.gitbook/assets/image (21) (1).png" alt="Create referral group."><figcaption><p>Create referral group.</p></figcaption></figure>
<figure><img src="../../../.gitbook/assets/engage-personalization-referral-scoring.png" alt="Create referral group."><figcaption><p>Create referral group.</p></figcaption></figure>

2. Assign a score to your **Personas** and/or **Journey**.

<figure><img src="../../../.gitbook/assets/image (22) (1).png" alt="Assign score."><figcaption><p>Assign score.</p></figcaption></figure>
<figure><img src="../../../.gitbook/assets/engage-personalization-referral-scoring-add-new.png" alt="Assign score."><figcaption><p>Assign score.</p></figcaption></figure>

3. Save your **Referral Group**
4. Go to the **Unscored referral** tab
5. Assign a referrer to your newly created group.

<figure><img src="../../../.gitbook/assets/image (23) (1).png" alt="Assign referrer."><figcaption><p>Assign referrer.</p></figcaption></figure>
<figure><img src="../../../.gitbook/assets/engage-personalization-referral-scoring-assign.png" alt="Assign referrer."><figcaption><p>Assign referrer.</p></figcaption></figure>

By default, the score will be assigned when the referrer matches the whole URL (in this case **facebook.com/mycompany/products**). It is also possible to assign the score on the entire domain (That is **facebook.com**).

6. Tick the '**Score on domain only**' checkbox.

<figure><img src="../../../.gitbook/assets/image (25) (1).png" alt="Tick the &#x27;Score on domain only&#x27; checkbox"><figcaption><p>Tick the '<strong>Score on domain only</strong>' checkbox.</p></figcaption></figure>
<figure><img src="../../../.gitbook/assets/engage-personalization-referral-scoring-add-new-2.png" alt="Tick the &#x27;Score on domain only&#x27; checkbox"><figcaption><p>Tick the '<strong>Score on domain only</strong>' checkbox.</p></figcaption></figure>

You have now created Referral groups and score referrers in your groups.
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: >-

This can be done by going to the Engage section in your Umbraco installation and the sub-section "**Personalization**". There you can navigate to the tab "**Personas**".

<figure><img src="../../../.gitbook/assets/image (12) (1).png" alt="Personas."><figcaption><p>Personas.</p></figcaption></figure>
<figure><img src="../../../.gitbook/assets/engage-personalization-personas.png" alt="Personas."><figcaption><p>Personas.</p></figcaption></figure>

Here you can create one or more persona groups, and within each group, you can create one or more personas.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,6 @@ description: You might want to exclude the traffic from specific IP addresses.

A good example is that you normally exclude your IP address, so it doesn't impact the digital Analytics reporting. Here you can specify a specific IP address, a list of IP addresses, or a regular expression.

<figure><img src="../../.gitbook/assets/image (1) (1).png" alt="Set up IP filters"><figcaption><p>Set up IP filters</p></figcaption></figure>
<figure><img src="../../.gitbook/assets/engage-settings-ip-filtering.png" alt="Set up IP filters"><figcaption><p>Set up IP filters</p></figcaption></figure>

<figure><img src="../../.gitbook/assets/image (2) (1).png" alt="Create IP filters"><figcaption><p>Create IP filters</p></figcaption></figure>
<figure><img src="../../.gitbook/assets/engage-settings-setup-ip-filter.png" alt="Create IP filters"><figcaption><p>Create IP filters</p></figcaption></figure>
Original file line number Diff line number Diff line change
Expand Up @@ -7,4 +7,4 @@ description: Here you have an overview of all configured settings of Umbraco Eng

It's not possible to change the configuration options directly. This is done in the configuration file on disk. To see how you can configure Umbraco Engage read the [Configuration Options article](../../developers/settings/configuration.md).

<figure><img src="../../.gitbook/assets/image (16).png" alt="Configuration overview in Umbraco Engage"><figcaption><p>Configuration overview in Umbraco Engage</p></figcaption></figure>
<figure><img src="../../.gitbook/assets/engage-settings-configuration.png" alt="Configuration overview in Umbraco Engage"><figcaption><p>Configuration overview in Umbraco Engage</p></figcaption></figure>
2 changes: 1 addition & 1 deletion 13/umbraco-engage/security-and-privacy/how-it-works.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,4 +20,4 @@ To comply with privacy regulations like GDPR or the California Consumer Privacy

The diagram below provides a general overview:

![Overview](../.gitbook/assets/how-it-works.png)
![Overview](../.gitbook/assets/engage-visualization-cookie.png)
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ To create a segment, follow these steps:
3. Select **Personalization** **->** **Segments**.
4. Click on **Add new segment**.

<figure><img src="../.gitbook/assets/Add-new-segment.png" alt=""><figcaption><p>Add New Segment</p></figcaption></figure>
<figure><img src="../.gitbook/assets/engage-tutorials-personalizaed-popup.png" alt=""><figcaption><p>Add New Segment</p></figcaption></figure>

5. Enter the **Title** in the Add new segment overlay. For example: _Popup targeted audience._
6. Provide a **Description**. For example: _Targeting visitors who haven't seen our popup._
Expand All @@ -47,7 +47,7 @@ To target the segment with a popup, follow these steps:
1. Navigate to **Applied Personalization** in the **Personalization** tab.
2. Click on **Apply new personalization**.

<figure><img src="../.gitbook/assets/Apply-new-personalization.png" alt=""><figcaption><p><strong>Apply new personalization</strong></p></figcaption></figure>
<figure><img src="../.gitbook/assets/engage-tutorials-personalized-popup.png" alt=""><figcaption><p><strong>Apply new personalization</strong></p></figcaption></figure>

3. Enter a **Title**. For example: _A popup to inform visitors._
4. Provide a **Description.** For example: _This popup will grab visitors' attention with our great offer!_
Expand Down
4 changes: 2 additions & 2 deletions 13/umbraco-engage/tutorials/how-to-create-a-persona.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,11 +21,11 @@ To create your Personas in Umbraco Engage, follow the steps below:
1. Go to the **Engage** menu in the top navigation.
2. Go to **Personalization** in the Umbraco Engage menu.

<figure><img src="../.gitbook/assets/image.png" alt=""><figcaption></figcaption></figure>
<figure><img src="../.gitbook/assets/engage-tutorial-how-to-persona.png" alt=""><figcaption></figcaption></figure>

3. Go to **Personas** in the menu under **Personalization**.

<figure><img src="../.gitbook/assets/image (1).png" alt="Personas menu."><figcaption><p>Personas menu.</p></figcaption></figure>
<figure><img src="../.gitbook/assets/engage-tutorials-how-to-persona.png" alt="Personas menu."><figcaption><p>Personas menu.</p></figcaption></figure>

4. Click **Add New Persona Group**.

Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
---
icon: square-exclamation
description: >-
To boost the marketing activitites on your website, you can add an exit intent
popup to you website. Find a template for the popup in this article.
icon: square-exclamation
---

# Generic Exit Intent Popup Template
Expand All @@ -15,8 +15,6 @@ It is recommended to personalize the popup to make it even more relevant for you
Install [the client-side script](../../../../analytics/clientside-events-and-additional-javascript-files/additional-measurements-with-our-ums-analytics-scripts/) on your website to benefit from the full functionality of the template.
{% endhint %}

![uMarketingSuite - Leave intent overlay]()\*

## JavaScript & CSS

Copy and paste this JavaScript into Umbraco Engage and your overlay is ready.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,6 @@ It is recommended to personalize the popup to make it even more relevant for you
Install [the client-side script](../../../../analytics/clientside-events-and-additional-javascript-files/additional-measurements-with-our-ums-analytics-scripts/) on your website to benefit from the full functionality of the template.
{% endhint %}

![uMarketingSuite Popup example]()\*

## JavaScript

This popup will not affect the styling of your existing page or website. Some JavaScript is needed to insert the popup HTML in your existing content to apply the popup. The code also includes an option for the visitor to close the popup.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
---
icon: square-exclamation
description: >-
To boost the marketing activitites on your website, you can add a uMS top bar
to you website. Find a template for the top bar in this article.
icon: square-exclamation
---

# Generic Topbar Template
Expand All @@ -15,8 +15,6 @@ It is recommended to personalize the popup to make it even more relevant for you
Install [the client-side script](../../../../analytics/clientside-events-and-additional-javascript-files/additional-measurements-with-our-ums-analytics-scripts/) on your website to benefit from the full functionality of the template.
{% endhint %}

![]()\*

## JavaScript

The top bar will not affect the styling of your existing page or website. Some JavaScript is needed to insert the popup HTML in your existing content to apply the top bar. The code also includes an option for visitors to close the top bar.
Expand Down

0 comments on commit bcd48c1

Please sign in to comment.