Loader.js
is the newest version of our CMPv2 Script, script with improved performance, . This was achieved by adding code splitting and automatically deciding what version of bundle.js
should you use, based on your browser version.
...
Since the loader.js
is an all-new script, it also brings some new changes to our API and to our current Script script implementation. So you will need to follow these steps to update to the newest loader.js
:
Update your current Usercentrics CMP Scripts →
Theloader.js
is a new script, so you will need to change yourbundle.js
orbundle_legacy.js
scripts. Do not worry about legacy browsers.loader.js
will automatically decide if it should usebundle.js
orbundle_legacy.js
based in your browser and in your browser version. These are the new scripts that you should change to:For Normal Usersnormal users
Code Block language html <script id="usercentrics-cmp" data-settings-id="XXXXXXX" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="XXXXXXX" async></script>
For TCF2TCF 2.0 Usersusers
Code Block language html <script id="usercentrics-cmp" data-settings-id="XXXXXXX" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-tcf-enabled></script>
Adapt your current code →
As you've seen in your consoles inside your pages, there are some functions from our API that are deprecated, so you will need to adapt them to the new versions:getServices should be changed by getServicesBaseInfo or getServicesFullInfo
Why should you update to this new script
With all the variants inside the same base code, we’re shipping more code and data than necessary for the CMP, that’s why we created this script with code splitting in mind. Code Splitting will split the code to ship only the necessary code based on the variant (TCF, CCPA, Default UI, Legacy Browser, …).
Having this change to the code increases the performance of our CMP and therefore increases the lighthouse performance of your page.
About the current scripts
No, we won't stop supporting the current scripts, bundle.js
, and bundle_legacy.js
. We will keep supporting them, but to take advantage of the performance improvements now and in the future we strongly suggest this change.