
In this scenario, you will create a segmentation that allows you to understand the distribution of traffic to your website, in this example - mobile vs desktop visits.
This scenario assumes the default setup, in which a `page.visit` event has a **source** parameter that equals `WEB_DESKTOP` or `MOBILEWEB` depending on the client device.

## Prerequisites
---
- Add a [tracking code](/developers/web/installation-and-configuration) to your website. 

## Create segmentation
---
Create a segmentation that organizes customers by sources from which they visited the website.

1. Go to **Decision Hub > Segmentations > New segmentation**.  
2. Enter a meaningful name of the segmentation.  
3. Add three segments by clicking **Add segment**.  
4. Name the segments as follows: `Mobile and Desktop`, `Mobile`, and `Desktop`.  
5. Define the conditions for each segment:
    
   <details class="accordion"><summary>Mobile and Desktop</summary><div class="accordion-content"><ol> <li>Click <strong>Performed event...</strong>. </li> <li>From the dropdown list, select <strong>page.visit</strong>. </li> <li>As the event parameter, select <strong>source</strong>. </li> <li>As the logical operator, select <strong>EQUAL</strong>. </li> <li>In the text field, enter <code>WEB_DESKTOP</code>.</li> <li>Click <strong>Performed event...</strong>. </li> <li>From the dropdown list, select <strong>page.visit</strong>. </li> <li>As the event parameter, select <strong>source</strong>.</li> <li>As the logical operator, select <strong>EQUAL</strong>. </li> <li>In the text field, enter <code>MOBILEWEB</code>.</li> <li>Join the two conditions with the <code>And</code> logical operator.</li> </ol></div></details>

    
    <details class="accordion"><summary>Mobile</summary><div class="accordion-content"><ol start="6"> <li>Click <strong>Performed event...</strong>. </li> <li>From the dropdown list, select <strong>page.visit</strong>. </li> <li>As the event parameter, select <strong>source</strong>.</li> <li>As the logical operator, select <strong>EQUAL</strong>. </li> <li>In the text field, enter <code>MOBILEWEB</code>.</li> </ol></div></details>

    
    <details class="accordion"><summary>Desktop</summary><div class="accordion-content"><ol> <li>Click <strong>Performed event...</strong>. </li> <li>From the dropdown list, select <strong>page.visit</strong>. </li> <li>As the event parameter, select <strong>source</strong>. </li> <li>As the logical operator, select <strong>EQUAL</strong>. </li> <li>In the text field, enter <code>WEB_DESKTOP</code>.</li> </ol></div></details>

11. Save your segmentation.

<figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/source-of-traffic-segmentation.png" class="full" alt="Conditions of the segmentation"><figcaption>Conditions of the segmentation</figcaption></figure>

### Preview segmentation

1. Switch the **Multi-match** option on.  
2. Click **Show preview**.  
You receive the number of customers in each segment and the percentage of each segment in relation to the whole population in the segmentation.
Additionally:
- You can change the chart type - pie chart and column chart
- You can also export the information to CSV/XLSX (data) or JPEG/PNG/PDF (chart)

<figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/source-of-traffic-preview.png" class="full" alt="Preview of the segmentation"><figcaption>Preview of the segmentation</figcaption></figure>


## Check the use case set up on the Synerise Demo workspace
---

You can check the [segmentation configuration](https://app.synerise.com/analytics-v2/segmentations/e02acab7-a40f-4004-8a1d-703491d704d7) directly in Synerise Demo workspace.

If you’re our partner or client, you already have automatic access to the **Synerise Demo workspace (1590)**, where you can explore all the configured elements of this use case and copy them to your workspace.  

If you’re not a partner or client yet, we encourage you to fill out the contact [form](https://demo.synerise.com/request) to schedule a meeting with our representatives. They’ll be happy to show you how our demo works and discuss how you can apply this use case in your business. 

## Read more
---
- [Segmentation](/docs/analytics/segmentations)