Getting Started > The OneSpot Script and CSS tags
The OneSpot Script and CSS tags
Before we can personalize your site or email, we must first understand the content on your site and who is looking at it. This is accomplished by placing a small tag in the pages of your website.
The OneSpot script tag allows us to ingest all your content, observe and track visitor engagement with your content, anonymously map your website visitors to your email subscribers and inject content back into your site to personalize the experience. For more information on what the OneSpot script tag does, see What Does OneSpot’s Script Do?
The OneSpot CSS tag allows us to make CSS changes related to Onsite A/B tests. When we’re conducting A/B tests in which Onsite units replace elements of your site (control units), we use the CSS file to make the control units invisible on page load. Our script quickly executes and determines whether the user is in a test or control group, then either makes the control units visible, or replaces them and shows the Onsite units. We do this in order to prevent a flash of Onsite units replacing control units for a better user experience.
The OneSpot CSS tag should also be placed in the header of your site, below any other CSS file inclusions.
If your site servers employ Content-Security-Policy headers, you will likely need to whitelist the following domains from which our script is loaded. Please whitelist the following domains:
https://d2vxvnufz8f5c5.cloudfront.net
https://d2gxssc8hszgww.cloudfront.net
Additionally, you will need to whitelist our data-gathering services in order for OneSpot to gather and optimize your recommendations.
The tags will be provided by the OneSpot team and will be configured specifically for your site. Below is an example. This tag should not be used as it is just a sample.
<!--START ONESPOT SCRIPT-->
<link rel="dns-prefetch" href="https://d2vxvnufz8f5c5.cloudfront.net" />
<script src="https://d2vxvnufz8f5c5.cloudfront.net/4xrt6r.bundle.js" async></script>
<!--END ONESPOT SCRIPT-->
<!--START ONESPOT CSS-->
<link rel="stylesheet" type="text/css" href="https://d2vxvnufz8f5c5.cloudfront.net/4xrt6r.css" />
<!--END ONESPOT CSS-->