Placing the BlueConic script on your website pages

To use BlueConic with your website, you need to place the BlueConic JavaScript tag on all pages that you want to use BlueConic to collect data or interact with users.

The format of your BlueConic script differs slightly depending on whether you use custom first-party BlueConic hostname (for example, r5687.taylor-store.com) or the hostname provided by the BlueConic CDN server (for example, taylor-store.blueconic.net). 

Sites using first-party BlueConic hostnames

If your site uses a custom first-party BlueConic hostname, place the following line of code as high as possible after the <head> tag on every page of your channel(s), as described in the email from BlueConic:

<script src="https://[Blueconic-hostname.yourdomain.com]/script.js"></script>

Example

If your site uses a custom first-party BlueConic hostname, for example h854.taylorshop.com, your script would resemble this example, where h854 is the first-party BlueConic hostname and taylorshop.com is your domain name. 

<script src="https://h854.taylorshop.com/script.js"></script>

For information on using the First-Party Hostname Console to create BlueConic hostnames, see BlueConic hostnames overview and Creating and configuring BlueConic hostnames.

Sites using blueconic.net for the CDN

If your site uses standard hostnames, place the following line of code as high as possible after the <head> tag of your pages:

<script src="https://cdn.blueconic.net/[yourscriptname].js"></script>

The [yourscriptname] in the code above should be the hostname of your BlueConic server.

Examples

If you access your BlueConic server at https://taylorshop.blueconic.net/, use the hostname part of your URL as replacement which results in:

<script src="https://cdn.blueconic.net/taylorshop.js"></script>

This would look as follows in a webpage:

<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdn.blueconic.net/taylorshop.js"></script>
    <meta charset="UTF-8">
    <title>...</title>
    <script src="/script/jquery.min.js"></script>
... </head> <body> ... </body> </head>

Once you have the tag in place, congratulations! You are now ready to start using BlueConic!

Our script is being served by Amazon CloudFront and will not be impacted by high traffic volume on your websites.

This is the recommended way to add the BlueConic tag to your pages. We also support alternative methods to place the tag. See BlueConic JavaScript tag alternatives to learn more.