# Local Product

With Reo.Dev you can track developer activity on all your locally hosted products. Here's a step-by-step guide on how to set it up:

***

1. Go to **Integrations** under Settings

<figure><img src="https://2705882080-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx46P5sAHxDG7PqOdVLxI%2Fuploads%2Fdlpe6uN0nxaBZfpFOBrU%2Fimage.png?alt=media&#x26;token=afabcec4-f728-4656-8222-5d764fd12738" alt=""><figcaption></figcaption></figure>

2. Click on **Configure** in the Local Product card

<figure><img src="https://2705882080-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx46P5sAHxDG7PqOdVLxI%2Fuploads%2F5vpJ2HelvZl2FN80rFL3%2Fimage.png?alt=media&#x26;token=b8f2c2ad-9670-4645-87df-df9812687e5d" alt=""><figcaption></figcaption></figure>

#### **Step 1: Enable Local Product Tracking**

Click on the ‘Track locally hosted products and custom URLs’ checkbox to enable tracking on your locally hosted products.

<figure><img src="https://2705882080-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx46P5sAHxDG7PqOdVLxI%2Fuploads%2FQj85Su1o3lVa5GMgZttZ%2Fimage.png?alt=media&#x26;token=35b38658-3d82-4fd0-9386-c9d8b3c1b39c" alt=""><figcaption></figcaption></figure>

#### **Step 2: Install Tracking Pixel**

Copy the tracking code snippet and paste it in the \<header> of your site

```jsx
<!-- Start of Reo Javascript -->
<script type="text/javascript">
  !function(){var e,t,n;e="c07f38f6d83bb7e",t=function(){Reo.init({clientID:"c07f38f6d83bb7e", source: "internal"})},(n=document.createElement("script")).src="<https://static.reo.dev/"+e+"/reo.js>",n.defer=!0,n.onload=t,document.head.appendChild(n)}();
</script>
<!-- End of Reo Javascript -->
```

<figure><img src="https://2705882080-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx46P5sAHxDG7PqOdVLxI%2Fuploads%2FzleYXHictmN5ShGRGpGM%2Fimage.png?alt=media&#x26;token=d37aa434-ddf5-4b32-bda7-d8ee5cefad1a" alt=""><figcaption></figcaption></figure>

Here are few more ways you can install JavaScript on documentation pages:

1. Using Google Tag Manager. [Here’s the setup guide.](https://docs.reo.dev/integrations/tracking-beacon/install-javascript-for-website-documentation-through-google-tag-manager#for-documentation-tracking-via-gtm)
2. Using NPM Package. [Here’s the setup guide.](https://docs.reo.dev/integrations/tracking-beacon/install-javascript-for-website-documentation-through-google-tag-manager#for-documentation-tracking-via-gtm)

Once done, click on **‘Save’** to start tracking developer activity

<figure><img src="https://2705882080-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx46P5sAHxDG7PqOdVLxI%2Fuploads%2F6wslXJ5xfmNyvyPk6bwo%2Fimage.png?alt=media&#x26;token=41c8944b-b549-474a-a4f2-1b82ed0f373a" alt=""><figcaption></figcaption></figure>

Once you've added the JS, you can **create a Segment** to see accounts/developers/buyers interacting with your local product. Use filter '**Local Product'** from the Segment filter list.

<figure><img src="https://2705882080-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx46P5sAHxDG7PqOdVLxI%2Fuploads%2Fus9HiPBI5zpmCtTRRZtU%2Fimage.png?alt=media&#x26;token=659f1438-63f1-4739-8057-d72489efc993" alt=""><figcaption></figcaption></figure>

Then, select the specific activities you want to track from the Segment Criteria attribute

<figure><img src="https://2705882080-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx46P5sAHxDG7PqOdVLxI%2Fuploads%2F9qPqXl0DWSXbd5zyW4aw%2Fimage.png?alt=media&#x26;token=aca09747-be72-4ed6-9aea-4342f0d5c91e" alt=""><figcaption></figcaption></figure>

For any account - you can filter the activity timeline based on the local product filter and see which developers have interacted with your local product, how often they've engaged, and gain valuable insights to tailor your messaging effectively.

<figure><img src="https://2705882080-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx46P5sAHxDG7PqOdVLxI%2Fuploads%2FM44hBzSJFOxLXkfExxFN%2Fimage.png?alt=media&#x26;token=02fd2aa2-c4c1-475d-b18c-35efd599c260" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Note:** Key Pages aren’t supported on local hosted products.
{% endhint %}

#### **Content Security Policy (CSP) Considerations**

If your website uses a strict Content Security Policy (CSP), you may need to update it to allow our script to load and execute correctly. Please ensure the following directives are updated to include our domains:<br>

**Required CSP Directives**

```
script-srchttps://static.reo.dev;connect-srchttps://api.reo.dev;
```

### FAQs <a href="#faqs" id="faqs"></a>

<details>

<summary>Does the JavaScript code introduce any vulnerabilities or risks to the website?</summary>

The JavaScript code has been tested thoroughly to ensure that it does not introduce any vulnerabilities or risks to the website. Data sent by the JavaScript code is encrypted using the HTTPS protocol to ensure secure transmission and prevent unauthorized access.

</details>

<details>

<summary>Does the JavaScript code use external dependencies or third-party libraries?</summary>

The JavaScript code uses secure third-party libraries that have been thoroughly checked for vulnerabilities and risks.

</details>

<details>

<summary>How does JavaScript handle user privacy? Is there a potential risk of collecting personally identifiable information (PII) without proper consent?</summary>

It is designed to collect anonymous data such as browser information, page views, copy and click events without collecting any non-consented PII.

</details>

<details>

<summary>What impact will including this JavaScript have on the page load times of my app?</summary>

The code has been optimized to minimize any negative impact on page load time and performance. This code uses asynchronous loading technology so it can load independently without blocking the rendering of the screen content.

</details>

<details>

<summary>Has the JavaScript been tested on different browsers and devices to ensure cross-platform compatibility and consistent behavior?</summary>

The JavaScript code is thoroughly tested on multiple browsers (Chrome, Firefox, Safari, Edge, Brave) and devices (desktop, mobile) to ensure compatibility and consistent behavior.

</details>

<details>

<summary>Will the inclusion of this JavaScript affect the overall user experience of the product, for example, slow down UI interactions or cause unexpected behavior?</summary>

It doesn't affect the overall user experience. It will not slow down, or introduce any intrusive elements that have an impact on the experience.

</details>

<details>

<summary>Are there any fail-safe mechanisms in place to prevent scripts from disrupting critical functionality in the event of an error?</summary>

We have implemented fail-safe mechanisms in the javascript to prevent scripts from interrupting the website's critical functionality in the event of an error, thus ensuring a smooth user experience.

</details>

<details>

<summary>Will the JavaScript code continue to perform optimally as the app traffic and user base increase over time?</summary>

The code is optimized for scalability. The JavaScript code is designed to scale as your online traffic and user base grow. It will continue to work best even as traffic to your site increases. There are no significant limitations or performance bottlenecks associated with the tracking mechanism.

</details>