HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<!doctype html>
<html>
<head>
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
lang: "en", //to localize the cookie banner in an unsupported language (like Polish), set lang: "pl"
siteId: 896537, //use your siteId
cookiePolicyId: 8207462, //use your cookiePolicyId
//cookiePolicyUrl: "https://...", //cookie-less page containing the cookie policy in an unsupported language (like Polish), see "Localize the cookie banner in an unsupported language"
consentOnScroll: false, //avoid consent to be given when the user scrolls the page
enableCMP: true, //enable IAB Transparency and Consent Framework
perPurposeConsent: true, //enable per-category consent
banner: {
position: "float-top-center",
acceptButtonDisplay: true,
customizeButtonDisplay: true,
},
i18n: {
//list of all editable components/strings
en: {
banner: {
title: 'Notice',
body: "This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. If you want to know more or withdraw your consent to all or some of the cookies, please refer to the %{cookie_policy_link}. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to the use of cookies.",
dynamic: {
body: "We[if banner.useThirdParties] and selected third parties[/if] [if not gdprApplies and not lgpdApplies and ccpaApplies]collect personal information.[/if][if gdprApplies or lgpdApplies]use cookies or similar technologies for technical purposes and, with your consent, for[if not banner.listPurposes] other purposes[/if][if banner.listPurposes] %{purposes}[/if][if hasCookiePolicy] as specified in the [link cookie_policy]cookie policy[/link][/if]. Denying consent may make related features unavailable.[if enableTcf and gdprApplies]\nWith respect to advertising, we and selected [link vendors]third parties[/link], may use <em>precise geolocation data, and identification through device scanning</em> in order to <em>store and/or access information on a device</em> and process personal data like your usage data for the following [link adv_pref]advertising purposes[/link]: <em>personalized ads and content, ad and content measurement, audience insights and product development</em>.[/if][if gdprApplies or lgpdApplies][if banner.explicitWithdrawal]\nYou can freely give, deny, or withdraw your consent at any time[if enableTcf and gdprApplies] by accessing the preferences panel[/if].[/if][/if][/if][if ccpaApplies]\nIn case of sale of your personal information, you may opt out by using the link \"%{do_not_sell}\".[if hasPrivacyPolicy]\nTo find out more about the categories of personal information collected and the purposes for which such information will be used, please refer to our %{privacy_policy}.[/if][/if][if gdprApplies or lgpdApplies][if consentOnScroll or consentOnLinkAndButton or consentOnElement or consentOnContinuedBrowsing or consentOnScrollHorizontal or consentOnDocument][list or]\nYou can consent to the use of such technologies [if banner.acceptButtonDisplay]by using the “[= banner.acceptButtonCaption]” button[/if][if banner.closeButtonDisplay and not banner.closeButtonRejects][or banner.acceptButtonDisplay] by closing this notice[/if][if consentOnScroll][or] by scrolling this page[/if][if consentOnLinkAndButton][or] by interacting with any link or button outside of this notice[/if][if consentOnElement or consentOnDocument][or] by continuing to browse otherwise[/if][/list].[if banner.closeButtonRejects] By closing this notice, you continue without accepting.[/if][/if][if not consentOnScroll and not consentOnLinkAndButton and not consentOnElement and not consentOnContinuedBrowsing and not consentOnScrollHorizontal and not consentOnDocument][if banner.acceptButtonDisplay][list or][if banner.acceptButtonDisplay]Use the “[= banner.acceptButtonCaption]” button[/if][if banner.closeButtonDisplay and not banner.closeButtonRejects and not banner.continueWithoutAcceptingButtonDisplay][or] close this notice[/if][/list] to consent to the use of such technologies. [/if][if not banner.acceptButtonDisplay and banner.closeButtonDisplay and not banner.closeButtonRejects]Close this notice to consent to the use of such technologies.[/if][if banner.rejectButtonDisplay][list or][if banner.rejectButtonDisplay]Use the “[= banner.rejectButtonCaption]” button[/if][if (banner.closeButtonDisplay and banner.closeButtonRejects) or banner.continueWithoutAcceptingButtonDisplay][or] close this notice[/if][/list][if banner.rejectButtonDisplay] to continue without accepting.[/if][/if][if not banner.rejectButtonDisplay and ((banner.closeButtonDisplay and banner.closeButtonRejects) or banner.continueWithoutAcceptingButtonDisplay)]Close this notice to continue without accepting.[/if][/if][/if]",
or: "or",
and: "and",
startQuote: "“",
endQuote: "”"
},
cookie_policy_caption: 'cookie policy',
vendor_list_caption: 'third-parties',
advertising_preferences_caption: 'advertising preferences panel',
do_not_sell_caption: "Do Not Sell My Personal Information",
privacy_policy_caption: "privacy policy",
accept_button_caption: 'Accept',
continue_acception_button_caption: "Continue without accepting →",
reject_button_caption: 'Reject',
customize_button_caption: 'Learn more and customize',
page_counter_caption: "Press again to continue"
},
modal: {
save_and_go_back: 'Save and go back',
back: 'Back',
see_full_cookie_policy: 'See full Cookie Policy',
cookie_policy: 'Cookie Policy'
},
footer: {
message: 'By continuing to browse or by otherwise closing this window, you accept the current cookie settings.',
btnCaption: 'Save and continue'
},
tcf_v2: {
show_tracking_button: "Customize advertising tracking",
hide_tracking_button: "Save and return to cookie policy",
widget_title: "Your TCF-related preferences",
widget_intro: "The advertising services listed below - also referred to as vendors - adhere to the [link iab_tcf]IAB Transparency and Consent Framework[/link] and allow you to customize your advertising tracking preferences. [if not LIRestricted]Some of them [/if][if LIRestricted]They [/if]only process your personal data with your [tip consent]consent[/tip][if not LIRestricted], while others rely on a [tip legitimate_interest]legitimate interest[/tip][/if]. Please be aware that denying consent for a particular purpose may make related features unavailable.<br/><br/>You can express your preferences for all purposes and services at once via the controls provided below.<br/>These preferences are captured in a digital signal (via the so-called TC String) to ensure and demonstrate that you have validly consented to [if not LIRestricted]or not objected to [/if]advertising purposes. This digital signal is limited to data strictly necessary to achieve such a purpose.",
widget_iab_title: "Manage preferences for each purpose",
widget_purposes_title: "Purposes",
widget_special_purposes_title: "Special purposes",
widget_features_title: "Features",
widget_features_intro: "In order to pursue one or more of these purposes, some services may also use the following features and special features",
widget_special_features_title: "Special features",
widget_special_features_intro: "The following features allow you to exercise your choice separately from the purpose-related controls. Please note that special features may be used, regardless of the choice indicated, if those features are needed for ensuring security, preventing fraud or debugging.",
widget_other_providers: "Other providers",
vendors_section_title: "Manage preferences for each advertising service",
activate_all_purposes_button: "Accept all",
deactivate_all_purposes_button: "Reject all",
purposes_label: "Purposes:",
legit_purposes_label: "Purposes (legitimate interest):",
special_features_label: "Special features:",
special_purposes_label: "Special purposes:",
features_label: "Features:",
privacy_policy: "Privacy Policy",
leg_int_purpose_label: "Allow the processing of your data based on a [tip pref_legitimate_interest]legitimate interest[/tip] for this purpose.",
leg_int_vendor_label: "Allow this service to process your data based on a [tip pref_legitimate_interest]legitimate interest[/tip].",
learn_more: "Learn more",
storage_info: {
heading: "Information on device storage and access",
label: "Maximum storage duration:",
intro: {
up_to: "up to",
hour: "hour",
hours: "hours",
day: "day",
days: "days",
session: "duration of the session",
indefinite: "indefinite",
cookie_refresh: "since your last interaction"
},
detailed: {
identifier: "Identifier:",
method_title: "Method of storage or access:",
type: {
cookie: "cookie",
web: "browser storage",
app: "device storage"
},
duration: "Lifetime:",
domain: "Domain:",
purposes: "Purposes:"
},
learn_label: "More information"
},
purposes: {
1: {
name: "Store and/or access information on a device",
description: "Cookies, device identifiers, or other information can be stored or accessed on your device for the purposes presented to you.",
descriptionLegal: "Vendors can: Store and access information on the device such as cookies and device identifiers presented to a user."
},
2: {
name: "Select basic ads",
description: "Ads can be shown to you based on the content you’re viewing, the app you’re using, your approximate location, or your device type.",
descriptionLegal: "To do basic ad selection vendors can:<br/><br/>- Use real-time information about the context in which the ad will be shown, to show the ad, including information about the content and the device, such as: device type and capabilities, user agent, URL, IP address<br/>- Use a user’s non-precise geolocation data<br/>- Control the frequency of ads shown to a user.<br/>- Sequence the order in which ads are shown to a user.<br/>- Prevent an ad from serving in an unsuitable editorial (brand-unsafe) context<br/>Vendors cannot:<br/>- Create a personalized ads profile using this information for the selection of future ads.<br/><br/>N.B. Non-precise means only an approximate location involving at least a radius of 500 meters is permitted."
},
3: {
name: "Create a personalized ads profile",
description: "A profile can be built about you and your interests to show you personalized ads that are relevant to you.",
descriptionLegal: "To create a personalized ads profile vendors can:<br/><br/>- Collect information about a user, including a user's activity, interests, demographic information, or location, to create or edit a user profile for use in personalized advertising.<br/>- Combine this information with other information previously collected, including from across websites and apps, to create or edit a user profile for use in personalized advertising."
},
4: {
name: "Select personalized ads",
description: "Personalized ads can be shown to you based on a profile about you.",
descriptionLegal: "To select personalized ads vendors can: Select personalized ads based on a user profile or other historical user data, including a user’s prior activity, interests, visits to sites or apps, location, or demographic information."
},
5: {
name: "Create a personalized content profile",
description: "A profile can be built about you and your interests to show you personalized content that is relevant to you.",
descriptionLegal: "To create a personalized content profile vendors can: <br/><br/>- Collect information about a user, including a user's activity, interests, visits to sites or apps, demographic information, or location, to create or edit a user profile for personalizing content.<br/>- Combine this information with other information previously collected, including from across websites and apps, to create or edit a user profile for use in personalizing content."
},
6: {
name: "Select personalized content",
description: "Personalized content can be shown to you based on a profile about you.",
descriptionLegal: "To select personalized content vendors can: Select personalized content based on a user profile or other historical user data, including a user’s prior activity, interests, visits to sites or apps, location, or demographic information."
},
7: {
name: "Measure ad performance",
description: "The performance and effectiveness of ads that you see or interact with can be measured.",
descriptionLegal: "To measure ad performance vendors can:<br/><br/>- Measure whether and how ads were delivered to and interacted with by a user<br/>- Provide reporting about ads including their effectiveness and performance<br/>- Provide reporting about users who interacted with ads using data observed during the course of the user's interaction with that ad<br/>- Provide reporting to publishers about the ads displayed on their property<br/>- Measure whether an ad is serving in a suitable editorial environment (brand-safe) context<br/>- Determine the percentage of the ad that had the opportunity to be seen and the duration of that opportunity<br/>- Combine this information with other information previously collected, including from across websites and apps<br/><br/>Vendors cannot:<br/><br/>- Apply panel or similarly-derived audience insights data to ad measurement data without a Legal Basis to apply market research to generate audience insights (Purpose 9)"
},
8: {
name: "Measure content performance",
description: "The performance and effectiveness of content that you see or interact with can be measured.",
descriptionLegal: "To measure content performance vendors can:<br/><br/>- Measure and report on how content was delivered to and interacted with by users.<br/>- Provide reporting, using directly measurable or known information, about users who interacted with the content<br/>- Combine this information with other information previously collected, including from across websites and apps.<br/><br/>Vendors cannot:<br/><br/>- Measure whether and how ads (including native ads) were delivered to and interacted with by a user.<br/>- Apply panel- or similarly derived audience insights data to ad measurement data without a Legal Basis to apply market research to generate audience insights (Purpose 9)"
},
9: {
name: "Apply market research to generate audience insights",
description: "Market research can be used to learn more about the audiences who visit sites/apps and view ads.",
descriptionLegal: "To apply market research to generate audience insights vendors can:<br/><br/>- Provide aggregate reporting to advertisers or their representatives about the audiences reached by their ads, through panel-based and similarly derived insights.<br/>- Provide aggregate reporting to publishers about the audiences that were served or interacted with content and/or ads on their property by applying panel-based and similarly derived insights.<br/>- Associate offline data with an online user for the purposes of market research to generate audience insights if vendors have declared to match and combine offline data sources (Feature 1)<br/>- Combine this information with other information previously collected including from across websites and apps. <br/><br/>Vendors cannot:<br/><br/>- Measure the performance and effectiveness of ads that a specific user was served or interacted with, without a Legal Basis to measure ad performance.<br/>- Measure which content a specific user was served and how they interacted with it, without a Legal Basis to measure content performance."
},
10: {
name: "Develop and improve products",
description: "Your data can be used to improve existing systems and software, and to develop new products",
descriptionLegal: "To develop new products and improve products vendors can:<br/><br/>- Use information to improve their existing products with new features and to develop new products<br/>- Create new models and algorithms through machine learning<br/><br/>Vendors cannot: Conduct any other data processing operation allowed under a different purpose under this purpose"
}
},
specialPurposes: {
1: {
name: "Ensure security, prevent fraud, and debug",
description: "Your data can be used to monitor for and prevent fraudulent activity, and ensure systems and processes work properly and securely.",
descriptionLegal: "To ensure security, prevent fraud and debug vendors can:<br/><br/>- Ensure data are securely transmitted<br/>- Detect and prevent malicious, fraudulent, invalid, or illegal activity.<br/>- Ensure correct and efficient operation of systems and processes, including to monitor and enhance the performance of systems and processes engaged in permitted purposes<br/><br/>Vendors cannot: Conduct any other data processing operation allowed under a different purpose under this purpose."
},
2: {
name: "Technically deliver ads or content",
description: "Your device can receive and send information that allows you to see and interact with ads and content.",
descriptionLegal: "To deliver information and respond to technical requests vendors can:<br/><br/>- Use a user’s IP address to deliver an ad over the internet<br/>- Respond to a user’s interaction with an ad by sending the user to a landing page<br/>- Use a user’s IP address to deliver content over the internet<br/>- Respond to a user’s interaction with content by sending the user to a landing page<br/>- Use information about the device type and capabilities for delivering ads or content, for example, to deliver the right size ad creative or video file in a format supported by the device<br/><br/>Vendors cannot: Conduct any other data processing operation allowed under a different purpose under this purpose"
}
},
features: {
1: {
name: "Match and combine offline data sources",
description: "Data from offline data sources can be combined with your online activity in support of one or more purposes",
descriptionLegal: "Vendors can: Combine data obtained offline with data collected online in support of one or more Purposes or Special Purposes."
},
2: {
name: "Link different devices",
description: "Different devices can be determined as belonging to you or your household in support of one or more of purposes.",
descriptionLegal: "Vendors can:<br/><br/>- Deterministically determine that two or more devices belong to the same user or household<br/>- Probabilistically determine that two or more devices belong to the same user or household<br/>- Actively scan device characteristics for identification for probabilistic identification if users have allowed vendors to actively scan device characteristics for identification (Special Feature 2)"
},
3: {
name: "Receive and use automatically-sent device characteristics for identification",
description: "Your device might be distinguished from other devices based on information it automatically sends, such as IP address or browser type.",
descriptionLegal: "Vendors can:<br/><br/>- Create an identifier using data collected automatically from a device for specific characteristics, e.g. IP address, user-agent string.<br/>- Use such an identifier to attempt to re-identify a device.<br/><br/>Vendors cannot:<br/><br/>- Create an identifier using data collected via actively scanning a device for specific characteristics, e.g. installed font or screen resolution without users’ separate opt-in to actively scanning device characteristics for identification.<br/>- Use such an identifier to re-identify a device."
}
},
specialFeatures: {
1: {
name: "Use precise geolocation data",
description: "Your precise geolocation data can be used in support of one or more purposes. This means your location can be accurate to within several meters.",
descriptionLegal: "Vendors can: Collect and process precise geolocation data in support of one or more purposes.<br/><br/>N.B. Precise geolocation means that there are no restrictions on the precision of a user’s location; this can be accurate to within several meters."
},
2: {
name: "Actively scan device characteristics for identification",
description: "Your device can be identified based on a scan of your device's unique combination of characteristics.",
descriptionLegal: "Vendors can:<br/><br/>- Create an identifier using data collected via actively scanning a device for specific characteristics, e.g. installed fonts or screen resolution.<br/>- Use such an identifier to re-identify a device."
}
}
},
per_purpose: {
widget_title: "Your consent preferences",
widget_intro: "The following panel allows you to customize your consent preferences for any tracking technology used to help us achieve the features and activities described below.[if hasCookiePolicy] To learn more about how these trackers help us and how they work, refer to the <button style=\"cursor: pointer; text-decoration: underline !important;\" class=\"open-cp\">cookie policy</button>.[/if] You may review and change your choices at any time. Please be aware that denying consent for a particular purpose may make related features unavailable.",
see_description: "See description",
see_description_customize: "See description and customize",
hide_description: "Hide description",
approve_all: "Accept all",
reject_all: "Reject all",
adopts_tcf: "Adopts the IAB Transparency and Consent Framework",
general_advertising_services: "Other Targeting & Advertising services",
tcf_adhering_services: "IAB Transparency and Consent Framework adhering services",
tcf_adhering_services_description: "These services adhere to the <a target=\"_blank\" rel=\"noopener\" href=\"https://iabeurope.eu/transparency-consent-framework/\">IAB Transparency and Consent Framework</a> (TCF). The TCF is an industry-wide initiative that facilitates responsible privacy practices across the digital advertising industry - providing you with enhanced transparency and control over your advertising tracking preferences.",
customize_advertising_tracking: "Customize TCF-related preferences",
purposes: {
1: {
name: "Strictly necessary",
bannerName: "strictly necessary activities",
description: "These trackers are used for activities that are strictly necessary to operate or deliver the service you requested from us and, therefore, do not require you to consent."
},
2: {
name: "Basic interactions & functionalities",
bannerName: "basic interactions & functionalities",
description: "These trackers enable basic interactions and functionalities that allow you to access selected features of our service and facilitate your communication with us."
},
3: {
name: "Experience enhancement",
bannerName: "experience enhancement",
description: "These trackers help us to provide a personalized user experience by improving the quality of your preference management options, and by enabling the interaction with external networks and platforms."
},
4: {
name: "Measurement",
bannerName: "measurement",
description: "These trackers help us to measure traffic and analyze your behavior with the goal of improving our service."
},
5: {
name: "Targeting & Advertising",
bannerName: "targeting & advertising",
description: "These trackers help us to deliver personalized marketing content to you based on your behavior and to operate, serve and track ads."
},
googleAdsPersonalized: {
name: "Personalized advertising by Google and its partners",
description: "Google and its partner ad technology providers use trackers for personalization and measurement purposes. You can customize your consent preferences for both Google and its partners. To learn more, please refer to the <a target=\"_blank\" rel=\"noopener\" href='https://support.google.com/admanager/answer/9012903?hl=en'>privacy policies of the respective services</a>."
}
}
},
ccpa: {
opt_out_prompt: "Do you really wish to opt out?",
opt_out_cancel: "Cancel",
opt_out_confirm: "Confirm"
}
},
//some sample strings translated into an unsupported language (Polish)
pl: {
banner: {
title: 'Uwaga',
body: 'Niniejsza witryna lub stosowane na niej narzędzia osób trzecich wykorzystują pliki cookie, które są niezbędne do jej działania i konieczne do osiągnięcia celów przedstawionych w polityce plików cookies. Jeśli Użytkownik chce dowiedzieć się więcej lub wycofać swoją zgodę na stosowanie wszystkich lub niektórych plików cookies, prosimy o zapoznanie się z %{cookie_policy_link}.',
paragraph_2: 'Zamykając ten baner, klikając link lub kontynuując przeglądanie strony, Użytkownik wyraża zgodę na stosowanie plików cookies.',
cookie_policy_caption: 'polityką plików cookies',
accept_button_caption: 'Zaakceptuj',
customize_button_caption: 'Dostosuj',
},
footer: {
message: 'Kontynuacja przeglądania strony lub zamknięcie tego okna oznacza akceptację stosowania plików cookies.',
btnCaption: 'Kontynuuj przeglądanie'
},
//... you'll need to translate ALL the strings, see above for full list
},
}
};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub.js"></script> <!-- IAB Transparency and Consent Framework -->
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
</head>
<body>
<header>
<div class="wrapper">
<h1>iubenda Cookie Solution</h1>
<p>i18n configuration</p>
</div>
</header>
<section class="wrapper">
<p>In this demo, we show you how to edit/translate the texts of any Cookie Solution component via the i18n JavaScript library.</p>
<h4>Customize the texts of supported languages</h4>
<p>Inside the <code>i18n</code> code section, you'll find a list of all editable components/strings you can use as a reference for your edits and localizations. In fact, aside from just localization, you can also use <code>i18n</code> to customize the texts of supported languages (such as English).</p>
<h4>Localize the cookie banner in an unsupported language</h4>
<p>If you want to translate the cookie banner in an unsupported language (e.g. Polish), you'll have to define:</p>
<ul>
<li>the <code>i18n</code> object with <strong>all</strong> the strings – see the code under <em>"<strong>some</strong> sample strings translated into an unsupported language (Polish)"</em></li>
</ul>
<p>and a couple of other parameters:</p>
<ul>
<li><code>lang: "pl"</code>, the language in which to display the content of the cookie banner</li>
<li><code>cookiePolicyUrl: "..."</code>, the cookie policy's URL linked within the banner. In this case, you'll have to provide a cookie-less page containing the cookie policy in Polish</li>
</ul>
<div class="note">
<ul>
<li>Remember to use your own credentials from <a href="https://www.iubenda.com/en/dashboard" target="_blank">your iubenda account</a></li>
<li>This is a sample for purely demonstrative purposes, <strong>no consents are saved</strong> (result of <code>_iub.csConfiguration.skipSaveConsent = true</code>). Just refresh the page to make the cookie banner reappear.</li>
</ul>
</div>
<h4>Helpful guides</h4>
<ul class="guides">
<li><a href="https://www.iubenda.com/en/help/1177" target="_blank">Cookie Solution - Getting Started</a></li>
<li><a href="https://www.iubenda.com/en/help/3831" target="_blank">How to Customize the Look and Behavior of the Cookie Banner (Beginner's Guide)</a></li>
<li><a href="https://www.iubenda.com/en/help/1205" target="_blank">How to Configure Your Cookie Solution (Advanced Guide)</a></li>
<li><a href="https://www.iubenda.com/en/help/3081" target="_blank">Introduction to the Prior Blocking of Cookies</a></li>
</ul>
</section>
</body>
</html>
//don't copy this JS (just for demo purposes)
//don't save consent, always show the banner
_iub.csConfiguration.skipSaveConsent = true;
Also see: Tab Triggers