> For the complete documentation index, see [llms.txt](https://infinite-pixel-tracking.gitbook.io/infinite-pixel-tracking/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://infinite-pixel-tracking.gitbook.io/infinite-pixel-tracking/pinterest-pixel/how-to-install-browser-side-pixel.md).

# 🚀How to Install Browser-Side Pixel?🚀

Here is a general approach for installing Pinterest Pixel with our application:

1. First of all, **activate** our application’s extension by clicking on the activate button.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf7wOrqdn1HGtEmV2IxcUVoJoleAwwWyk9Nq-WF3HPFzy5n25NnrSWfS-qO2HxXuSAfTz5dA_GYwRpRyoq1weYPiftdbTRWUAmr0oa3wiAwJ4TRhFBZYNpf39pF0a7qbQ-DTG0iHBHGxPRJ_ibWO1MKCcxR?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

2. Now click on **Add Pinterest Pixel.**

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXegqNCNqmcdjMRvN89MH12ZIigC7am6EA5J4gleR1lZoik2Th6vNHGtsihy06ed7-kZEzCJY3DyytUa0vWH5mhwC7cGSYxZJwm288i8VEe_36FTEawSySemCboYVLc5BIMDrDhOlt7SKauFZiOl-tkfEmMi?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

3. Here are two options for the pixel: **Tag Manager** and **Conversion API**. The Conversion API is designed for server-side tracking, while the Pinterest Tag Manager is used for browser-side tracking. Please select the option that best suits your needs.

&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdiS7gcaE_NgQRNVmoXd-2c45Et_msd5hFYP6yVihQzlX7gAountkdX0fYmJ9xoo5R99jeWmf95kXDbVFIyJWczatBSiQC42MjDCfEkU1ptE5Pt7rH64PGvfLABnbKUyA2BYvQ8q7IELlDznbJFOA85n9QR?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

\
***As we are setting up browser side tracking select Tag Manager from the top, and follow these following steps;***

1. Please enter a **name** for the pixel.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdZv1KspThvJuuo-U978dDgFX6eB8_F6IHX7yCcMM4iM2HHFI55n3An6d7hTDiOXu_HbkzowPbVnrwcCJtuojK5V2SfDz5c73QKNMIbNTt7e4437Mc-nCbC3hZfLpj-GZhKbG0H5UMx8u7hNY-cf4PFmwo?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

2. Next, navigate to your **Pinterest Ads** account and click on the three horizontal lines in the top left corner.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfQymYnu_GmKVti_J5OTsSREZnQqVmz4cYds2Qzf6DKQ2X9hyZ-nHc3oojKNNAAdqFknrnzmjIB8phozrH6k94yNFhpIFPXz0QCUfeG9UdwOh8hTTORSLXOHwTK4JuZUcuj89t2MoGXhsHBdeT3x9cmADKw?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

3. From this menu, please select the "**Conversions**" option.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcilQB7yQu6nEkyFo5NdKqJjydUNNyCzD9HTN3VI6oZ2sz-r7DEk_0GcTjMAqbgXuc4vHTyii2rc6Nn4jvVPpFxzGZ7hgcKYK0JapPtF4QixNy1p7bqJas-Y0ecwpCRz4Q5ynPJQg_FR9gWV-7FKLMPtqxI?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

4. Since we are installing the browser-side pixel, please click on "**Tag Manager**."

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcCcuCIyUJSOumb1-qp-W2jSd61WLRUi0bvfV-r7-DEuyu3PhXkvyVIHYR0Br1uYO97fWD-nuwUMaJcifmvJmUAEv5dsP2ZnatDkOJbB9v08Nuhdk13Z9u5xFUjyqxU8nLWNIRZJ-31dRfqyakuKwIUpf8?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

5. Now copy this **Tag ID.**

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXePNLLt5EClkJMuNvPJ803IzjjloHUmDzI6aRj9c3IyB_KyOIf3CaXr3ZYSj0BB9pTGupBaiaur62nfF5wZ-bvDht8nBMV0jVNFW0JbzgzagLcpVuNIeqkZwa2mk3tK5ux-SYNnErTN8G9CkFEUk-oMo5ey?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

6. In the first row, enter a **name** for the pixel, and in the second row, paste the **Tag ID**.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXewCYbwbN4NccOgD5_fzaHrwAQonXSb9eYqSp588DBQgklLq2VSyqIY1Ovovvl9MpnowJ-mdm9ffq2awEjdNM4gnje9I9ObuedOdBKTQv6DAfYf8OA-oYELiD3ZHX5wmnEsVylqB0U1h9UovvcdqfyRV6k?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

7. First, click the "**Copy**" button below the script, then select "**Customer Events**" next to the copy button.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfTb0t1BSCBh10td_5ZWD8vVN3bnrfOX69Lj748jSQHS9wZcBLug0h0KjGc80pStnibTbFVluG-jNpR6BLgdO3bO7J1sLsm0DW3G3BEV5UdoSB2WFi_9hiEgup2ewddfQpOv7E0yRuONSQ4CrGFtEwgRz0?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

8. After clicking the "**Customer Events**" button, you will be directed to this page. Here, click on the "**Add Custom Pixel**" button to proceed.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdqKqC6a6yUPnPr4gQCJK_gyJUmZeXiTkNWCoJW4O89PFFBuVeVNVnaNZMLTfFKgSh3v8x1NxLqnrnDwU6vgAs2U0O3bvcdC8r-c_g7QUPAmTSjVGtya2fwMq6FcleTeQLKSuNM5EDPQ06A1EJqsajt18K2?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

9. After clicking "**Add Custom Pixel**," a pop-up will appear where you can enter a name for the pixel and then click "**Add Pixel**" to proceed

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdi3QBfPujRBUCQrkftZY7XuHKt_o7unm_OqY4ka5m08e1G8uOsOgj1gYaFdLi-2gFfMcjInRfBvwVWGo_XvU30uyH_fsGcHBECwcaJsIso-jzA6iN57eqtSwxMSTxVYrjp_LrrcC7-246cJvl_4QA2gNQ?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

10. Now click on the **permission** section and select according to your need. If you Select **Required** the pixel will collect data when the permission is granted. Here I‘ll select **Not required**, as it’ll collect data without the permission of the users.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdEdhfM-MG_GZuv5aSVMxilsnYohphxBgqlqxRdIXvrpgvWfpkpYh1m0b5CQcGUnGKmdNmCYS_qRaFRUhy1YHCGXAdvZuSC0w57gwQBnPiFn7C9QticuEKmV24QEA9W2wXiuFWDtz0VdAWF2e1ORs5BhiiI?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

11. Now, scroll down and replace the existing code with the code you copied from the application, then click the "**Save**" button at the top to apply your changes.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXe3syI0B1drOg6D41BuPTah5A3I7REZdaa5DpcobwCon4vHGOx7eS2aK0p6E8a2pNapN0dpW_W5bq4dtz-4uuEw4TMjHS-1ta68yIuTBE4221sYWXZWefl2CMnQo2VerHhleqUvZ-PAq7nm2RPGR72ysw_E?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

12. Now click on **connect** button to link custom pixel.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc9Mne6hv3iBPkme04WdGl_5vWqsDqYaNgE81eSsWkDb41OzWHFiLNi_ccEjpc-x7euBW4ekOD5cNrL9fGau1aaxzQpSkInk-s7mqWycpW5HtkD3FMXQvrVmRObLXFwNkOI2QPIgGPgR_NJIuNrTCSWsdQ?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

13. Now move back to the application and check the **box**\[I’ve done this above] below the script and **save** the pixel.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdyUwGXXzwAbWAhOMUDkWTbyvH1EM7VKKsxdXfZzi1l5PseNx4TaXB-r4ExQvDcXAOcYQ5PY2L-u8mEJNQOVoGGwzs9LcQM7yPDEdEFk3K01mKjjz3lKOK7CdyiwMAM2WrasS9qBiQqLlXBkSkrmi0_XsLU?key=ZjRnmer1HVEsSLnsCLcGMA" alt=""><figcaption></figcaption></figure>

<mark style="color:yellow;">**NOTE**</mark><mark style="color:yellow;">: Custom pixel will be created only once for both browser-side and server-side tracking.</mark>

{% embed url="<https://youtu.be/C4c89kwDx-Q?si=ZmMEKmliwpp7M12S>" %}

**Congratulations**🤩! Your browser side pixel has been successfully integrated and is ready to track with precision!🥳
