Installing the Freshpaint Javascript SDK
PreviousAdd Autotrack to your website to collect data from your usersNextInstalling the Freshpaint SDK with a Content Security Policy (CSP)
Last updated
Last updated
Installing the Freshpaint Javascript SDK to the production website has to be done by an engineer. It usually takes about five minutes to install. For deploying to production you should invite a technical teammate to your account and have them install Freshpaint. Once installed (either locally or on production), a non-technical user can use Autotrack within the Web source to control and manage data without assistance from a technical user.
To install Freshpaint, go to the sources page in Freshpaint:
From the sources page click on configure next to the Web source. This will pull up the code for the Freshpaint SDK:
Copy the snippet into the <head> of your site. That's it!
If your application uses Next.js, you will need to add an id attribute to the script tag of the Autotrack snippet, such as <script type="text/javascript" id="freshpaint-script">.
To verify that Freshpaint is installed correctly, navigate to the Freshpaint Live View. The liveview will now provide a live feed of every user action performed on your site. If you navigate to your site in another tab and click around, you should see the actions you're performing show up in the liveview:
Once you see data coming through, you have successfully installed Freshpaint.
Once you have the Web source installed on your site, Autotrack will automatically be implemented. You will also have access to Precision Tracking if you choose to manually track your events.
Once you have confirmed that Freshpaint is successfully installed, you should identify your users. This is how you send information to Freshpaint and your destinations about who your users are.
