Getting Started > The OneSpot Script and CSS tags

The OneSpot Script and CSS tags

Nothing happens until our tag is placed, but don’t worry, it’s not hard to do.

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 script tag should be placed in the header of your site and should be published to all content pages and any page where user behavior should be observed. If there are any specific instructions for your site, your implementation lead will discuss that with you.

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:

Whitelist Domain
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.

Sample OneSpot Tag (Again, do not use this one)
<!--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-->
No. We have conducted multiple tests to demonstrate that site performance is not impacted by the presence of the OneSpot tags. It script loads asynchronously and will not hold up anything else.