Installing Osano

Installing the Osano.js

After creating and publishing your configuration, the "Get Code" button will become active. This button will provide you with the osano.js. 

To install, simply copy and paste the osano.js into the page head [<head>] for all sites you wish to monitor. Ensure that the osano.js is the first script that loads on your site. 

Osano is platform agnostic. This means that, in general, the code can be added to the <head> of any site and can be utilized without having to do any additional configuration. 

Once the osano.js is placed in your site's <head>, it can take a few minutes to a few hours before the script has captured and reported cookies and scripts that exist across your sites. 

Once you have collected enough reports from osano.js, you can work with your other business units to identify any unknown cookies/scripts/and local storage items to ensure that no "strictly necessary" scripts, cookies, or local storage are blocked by categorizing them appropriately in "Script Classification."

It is recommended to remain in "Listener" mode until you have added the osano.js into your site and have discovered and classified all relevant scripts. 

In Listener mode, the consent manager will NOT block any scripts or beacons, it will NOT delete cookies, and it will NOT display dialogs to your visitors. In other words, it will not alter your site in any way. You can use Osano in "Listener" mode at the same time as another CMP if you are migrating away from another provider. This will ensure no gaps in compliance.

After you have categorized each script and cookie appropriately, you can enable Permissive or Strict Mode and publish these changes. 

You will now see the consent dialog on your website!

Example: Shopify

Note: This is ONE way of adding the Osano code onto your Shopify site. There are other methods that can be used. Ex. Shopify Apps to add custom code to Header/Footer. Most site builders will have plugins for adding custom code to the header/footer. 

  • Step 1: Navigate to the edit code section of your theme by going to Online Store > Themes > Actions (next to your current theme) > Edit Code > Navigate to your theme code
  • Step 2: Under the Layout section of the code editor select theme.liquid
  • Step 3: Find the <head> section of the theme.liquid file. Note that some themes will use a variation of this, such as {head}, [header] or [head]
  • Step 4: Copy and paste the osano.js into the <head> before any other <script> on the page
  • Step 5:  Click save to deploy your newly added Osano code
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.