GITBOOK-16: Final images

13/umbraco-engage/SUMMARY.md

@@ -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)

13/umbraco-engage/developers/ab-testing/README.md

@@ -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>

13/umbraco-engage/developers/analytics/scroll-heatmap.md

@@ -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)

13/umbraco-engage/developers/personalization/implement-your-own-segment-parameters.md

@@ -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
 
@@ -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.
 
@@ -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)

13/umbraco-engage/installation/installation.md

@@ -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.

13/umbraco-engage/marketers-and-editors/ab-testing/ab-test-distribution-algorithm.md

@@ -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)

13/umbraco-engage/marketers-and-editors/ab-testing/finish-an-ab-test.md

@@ -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">

13/umbraco-engage/marketers-and-editors/ab-testing/monitor-the-ab-test.md

@@ -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>

13/umbraco-engage/marketers-and-editors/analytics/location.md

@@ -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.
 

13/umbraco-engage/marketers-and-editors/analytics/scroll-heatmap.md

@@ -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.

13/umbraco-engage/marketers-and-editors/personalization/implicit-and-explicit-personalization/campaign-scoring.md

@@ -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
 

13/umbraco-engage/marketers-and-editors/personalization/implicit-and-explicit-personalization/content-scoring.md

@@ -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.
 

13/umbraco-engage/marketers-and-editors/personalization/implicit-and-explicit-personalization/referral-scoring.md

@@ -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.

13/umbraco-engage/marketers-and-editors/personalization/implicit-and-explicit-personalization/setting-up-personas.md

@@ -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.
 

13/umbraco-engage/marketers-and-editors/settings/ip-filtering.md

@@ -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>

13/umbraco-engage/marketers-and-editors/settings/the-configuration-file.md

@@ -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>

13/umbraco-engage/security-and-privacy/how-it-works.md

@@ -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)

13/umbraco-engage/tutorials/create-a-personalized-popup-in-5-minutes.md

@@ -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._
@@ -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!_

13/umbraco-engage/tutorials/how-to-create-a-persona.md

@@ -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**.
 

13/umbraco-engage/tutorials/marketing-resources/generic-exit-intent-popup-template.md

@@ -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
@@ -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.

13/umbraco-engage/tutorials/marketing-resources/generic-popup-template.md

@@ -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.

13/umbraco-engage/tutorials/marketing-resources/generic-topbar-template.md

@@ -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
@@ -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.