In this guide, you can learn how to block a specific JavaScript code until a user accepts cookies.<\/p>\n\n\n\n
If you need to run the JS code only when a user agreed to the Marketing cookie category, you need to add a specific How does it work?<\/strong> Generally, you can include any JS in the For example, let’s add the After adding the In the case of external JavaScript, add the “ After adding the The extension supports the following Wrap your javascript code as in the example below: <\/p>\n\n\n\n “marketing<\/strong>” is the key of the Marketing category. The script will be executed if a customer allows the marketing category. Please, learn how to find a category key<\/a>.<\/p>\n\n\n\n To find out more about the “prCookieConsentApi” JS model, go to the following file:<\/p>\n\n\n\n If you are not able to use our js model, you can write your own solution based on the “pr-cookie-consent<\/strong>” cookie.<\/p>\n\n\n\n A “pr-cookie-consent”<\/strong><\/strong> value is<\/strong> an array that includes categories allowed by a customer. The value is a URL encoded JSON string. For instance, if a customer allows cookies from the Statistics category<\/a>, the consent will be recorded as [%22statistics%22] in the <\/strong>“pr-cookie-consent” <\/strong>array.<\/p>\n\n\n\n In the list below, you can see the examples of possible “pr-cookie-consent” cookie values<\/strong> (for illustrative purposes, the values are URL decoded):<\/p>\n\n\n\n Please, note: <\/strong><\/p>\n\n\n\n In this guide, you can learn how to block a specific JavaScript code until a user accepts cookies. Option 1 (recommended): Block JS Using Tag Attribute If you need to run the JS code only when a user agreed to the Marketing cookie category, you need to add a specific type attribute to the script … <\/p>\ntype<\/code> attribute to the script<\/code> tag. <\/p>\n\n\n\n<script><\/code> tag, however, it’s all about its type<\/code> attribute. A browser recognizes <script><\/code> and <script type=\"text\/javascript\"><\/code> tags as JavaScript and can run it, but when you change the tag to a custom one, it becomes unknown and cannot be run. This is where the Cookie Consent extension comes into play. You should add the specific custom type<\/code> attribute to the script<\/code> tag (e.g. <script type=\"pr_cookie_category\/marketing\"><\/code>), so that the plugin can change it to a recognizable <script type=\"text\/javascript\"><\/code> only after a user allows the Marketing cookie category. As a result, you can run only the necessary scripts.<\/p>\n\n\n\n\"pr_cookie_category\/marketing\"<\/code> type to the following inline JS code:<\/p>\n\n\n\n<script>\n\talert('Marketing script was executed');\n<\/script><\/code><\/pre><\/div>\n\n\n\ntype<\/code> attribute, the code will look as follows:<\/p>\n\n\n\n<script type=\"pr_cookie_category\/marketing\">\n\talert('Marketing script was executed');\n<\/script><\/code><\/pre><\/div>\n\n\n\npr_cookie_category\/marketing<\/code>” type in the same way to the following code:<\/p>\n\n\n\n<script src=\"https:\/\/example.com\/file.js\"><\/script><\/code><\/pre><\/div>\n\n\n\ntype<\/code> attribute, the code will look as follows:<\/p>\n\n\n\n<script type=\"pr_cookie_category\/marketing\" src=\"https:\/\/example.com\/file.js\"><\/script><\/code><\/pre><\/div>\n\n\n\ntype<\/code> values: <\/p>\n\n\n\npr_cookie_category\/all<\/code> – a script with this attribute will be run if a user agrees to all cookies.<\/li>pr_cookie_category\/{{category_key}}<\/code> – a script with this attribute will be run if a user agrees to the specific cookie category or allows all cookies. <\/li><\/ul>\n\n\n\nOption 2 (partial blocking): Block JS Using Our JavaScript Model<\/h2>\n\n\n\n
prCookieConsentApi.userScript.execute(function() {\n \/\/ your code goes here ...\n}, 'marketing');<\/code><\/pre><\/div>\n\n\n\nPlumrocket\/CookieConsent\/view\/frontend\/templates\/restriction_config.phtml<\/code><\/pre><\/div>\n\n\n\nOption 3 (advanced): Block JS Using “pr-cookie-consent” Cookie<\/h2>\n\n\n\n