Pastebin

Opt-in cookie ext

von 69bruno (23.12.2020 11:51)
Beschreibung:
config.js ür Opt-in cookie-ext
Snippet erstellt:
23.12.2020 11:51
Snippet wird automatisch gelöscht:
21.06.2021 12:51

Dein Code:
  1. // By default, Klaro will load the config from  a global "klaroConfig" variable.
  2. // You can change this by specifying the "data-config" attribute on your
  3. // script take, e.g. like this:
  4. // <script src="klaro.js" data-config="myConfigVariableName" />
  5. var klaroConfig = {
  6.         // With the 0.7.0 release we introduce a 'version' paramter that will make
  7.         // if easier for us to keep configuration files backwards-compatible in the future.
  8.         version: 1,
  9.  
  10.         // You can customize the ID of the DIV element that Klaro will create
  11.         // when starting up. If undefined, Klaro will use 'klaro'.
  12.         elementID: 'klaro',
  13.  
  14.         // Setting this to true will keep Klaro from automatically loading itself
  15.         // when the page is being loaded.
  16.         noAutoLoad: false,
  17.  
  18.         // Setting this to true will render the descriptions of the consent
  19.         // modal and consent notice are HTML. Use with care.
  20.         htmlTexts: true,
  21.  
  22.         // Setting 'embedded' to true will render the Klaro modal and notice without
  23.         // the modal background, allowing you to e.g. embed them into a specific element
  24.         // of your website, such as your privacy notice.
  25.         embedded: false,
  26.  
  27.         // You can group services by their purpose in the modal. This is advisable
  28.         // if you have a large number of services. Users can then enable or disable
  29.         // entire groups of services instead of having to enable or disable every service.
  30.         groupByPurpose: true,
  31.  
  32.         // How Klaro should store the user's preferences. It can be either 'cookie'
  33.         // (the default) or 'localStorage'.
  34.         storageMethod: 'cookie',
  35.  
  36.         // You can customize the name of the cookie that Klaro uses for storing
  37.         // user consent decisions. If undefined, Klaro will use 'klaro'.
  38.         cookieName: 'klaro',
  39.  
  40.         // You can also set a custom expiration time for the Klaro cookie.
  41.         // By default, it will expire after 120 days.
  42.         cookieExpiresAfterDays: 365,
  43.  
  44.         // You can change to cookie domain for the consent manager itself.
  45.         // Use this if you want to get consent once for multiple matching domains.
  46.         // If undefined, Klaro will use the current domain.
  47.         //cookieDomain: '.localhost',
  48.  
  49.         // Defines the default state for services (true=enabled by default).
  50.         default: false,
  51.  
  52.         // If "mustConsent" is set to true, Klaro will directly display the consent
  53.         // manager modal and not allow the user to close it before having actively
  54.         // consented or declines the use of third-party services.
  55.         mustConsent: false,
  56.  
  57.         // Show "accept all" to accept all services instead of "ok" that only accepts
  58.         // required and "default: true" services
  59.         acceptAll: true,
  60.  
  61.         // replace "decline" with cookie manager modal
  62.         hideDeclineAll: false,
  63.  
  64.         // hide "learnMore" link
  65.         hideLearnMore: false,
  66.  
  67.         // show cookie notice as modal
  68.         noticeAsModal: false,
  69.  
  70.         // You can also remove the 'Realized with Klaro!' text in the consent modal.
  71.         // Please don't do this! We provide Klaro as a free open source tool.
  72.         // Placing a link to our website helps us spread the word about it,
  73.         // which ultimately enables us to make Klaro! better for everyone.
  74.         // So please be fair and keep the link enabled. Thanks :)
  75.         //disablePoweredBy: true,
  76.  
  77.         // you can specify an additional class (or classes) that will be added to the Klaro `div`
  78.         //additionalClass: 'my-klaro',
  79.  
  80.         // You can define the UI language directly here. If undefined, Klaro will
  81.         // use the value given in the global "lang" variable. If that does
  82.         // not exist, it will use the value given in the "lang" attribute of your
  83.         // HTML tag. If that also doesn't exist, it will use 'en'.
  84.         //lang: 'en',
  85.  
  86.         // You can overwrite existing translations and add translations for your
  87.         // service descriptions and purposes. See `src/translations/` for a full
  88.         // list of translations that can be overwritten:
  89.         // https://github.com/KIProtect/klaro/tree/master/src/translations
  90.  
  91.         // Example config that shows how to overwrite translations:
  92.         // https://github.com/KIProtect/klaro/blob/master/src/configs/i18n.js
  93.         translations: {
  94.                 // translationsed defined under the 'zz' language code act as default
  95.                 // translations.
  96.                 zz: {
  97.                   //  privacyPolicyUrl: '',
  98.                 },
  99.                 // If you erase the "consentModal" translations, Klaro will use the
  100.                 // bundled translations.
  101.                 de: {
  102.                         consentNotice: {
  103.                                 description: "Um bestimmte Funktionen nutzen zu können sind ein paar Einstellungen nötig. Damit wird gesteuert ob ein Dienst Cookies setzen darf oder nicht. <br><br>Es werden Cookies gesetzt für folgende Dienste:<br><br>{purposes}. <br><br>Die Einstellungen können später zu jedem Zeitpunkt geändert werden.<br><br>",
  104.                                 learnMore: "Zu den Cookie-Einstellungen",
  105.                         },
  106.                         acceptAll: "Alle akzeptieren",
  107.                         acceptSelected: "Ausgewählte akzeptieren",
  108.                         decline: "Ablehnen",
  109.                         ok: "Akzeptieren",
  110.                         poweredBy: "Realisiert mit Klaro!",
  111.                         service: {
  112.                                 disableAll: {
  113.                                         description: "Mit diesem Schalter können Sie alle Dienste aktivieren oder deaktivieren.",
  114.                                         title: "Alle Dienste aktivieren oder deaktivieren"
  115.                                 },
  116.                                 optOut: {
  117.                                         description: "Diese Dienste werden standardmäßig geladen (Sie können sich jedoch abmelden)",
  118.                                         title: "(Opt-out)"
  119.                                 },
  120.                                 purpose: "Zweck",
  121.                                 purposes: "Zwecke",
  122.                                 required: {
  123.                                         description: "Dieser Service ist immer erforderlich",
  124.                                         title: "(immer erforderlich)"
  125.                                 }
  126.                         },
  127.                         purposeItem: {
  128.                                 service: "Dienst",
  129.                                 services: "Dienste"
  130.                         },
  131.                         consentModal: {
  132.                                 title: 'Einstellungen für unsere Cookie´s',
  133.                                 description:
  134.                                         'Hier können die Einstellungen für Cookies vorgenommen werden die evtl. gesetzt werden. Es sind viele Einstellungen da, das heist aber nicht das auch alle Dienste verwendet werden. Es handelt sich bei diesem Script um ein Vordefiniertes universelles Script zum Auswählen von Cookies.<br><br> Allgemeine Hinweise und Informationen entnehmen Sie bitte unserer <strong>Datenschutzerklärung</strong> bzw. <strong>Nutzungsbedingungen</strong> die wir im Fussbereich der Seite verlinkt haben.',
  135.                         },
  136.                         inlineTracker: {
  137.                                 description: 'Beispiel für ein Inline-Tracking Skript',
  138.                         },
  139.                         externalTracker: {
  140.                                 description: 'Beispiel für ein externes Tracking Skript',
  141.                         },
  142.                         purposes: {
  143.                                 essential: {
  144.                                         description: "Diese Cookies sind voreingestellte Werte und müssen akzeptiert werden, da diese für den Betrieb der Webseite erforderlich sind. \n",
  145.                                         title: "Technisch notwendige Cookies"
  146.                                 },
  147.                                 extern: {
  148.                                         description: jsv1,
  149.                                         title: "Externe Medien"
  150.                                 },
  151.                         },
  152.                 },
  153.                 en: {
  154.                         consentNotice: {
  155.                                 description: "A few settings are required to be able to use certain functions. This controls whether a service is allowed to set cookies or not.<br><br>Cookies are set for the following services: <br><br>{purposes}. <br><br>The settings can be changed later at any time.<br><br>",
  156.                                 learnMore: "To the cookie settings",
  157.                         },
  158.                         acceptAll: "Accept all",
  159.                         acceptSelected: "Accept selected",
  160.                         decline: "Decline",
  161.                         ok: "Accept",
  162.                         poweredBy: "Realized with Klaro!",
  163.                         service: {
  164.                                 disableAll: {
  165.                                         description: "Use this switch to enable or disable all services.",
  166.                                         title: "Enable or disable all services"
  167.                                 },
  168.                                 optOut: {
  169.                                         description: "This services is loaded by default (but you can opt out)",
  170.                                         title: "(opt-out)"
  171.                                 },
  172.                                 purpose: "purpose",
  173.                                 purposes: "purposes",
  174.                                 required: {
  175.                                         description: "This services is always required",
  176.                                         title: "(always required)"
  177.                                 }
  178.                         },
  179.                         purposeItem: {
  180.                                 service: "service",
  181.                                 services: "services"
  182.                         },
  183.                         consentModal: {
  184.                                 title: 'Settings for our Cookie´s',
  185.                                 description:
  186.                                         'The settings for cookies can be made here, which may be set. There are many settings, but that does not mean that all services are used. This script is a predefined universal script for selecting cookies. <br> <br> For general notes and information, please refer to our <strong> Privacy Policy </strong> or <strong> Terms of Use </strong> which we have linked in the footer of the page.',
  187.                         },
  188.                         inlineTracker: {
  189.                                 description: 'Example of an inline tracking script',
  190.                         },
  191.                         externalTracker: {
  192.                                 description: 'Example of an external tracking script',
  193.                         },
  194.                         purposes: {
  195.                         essential: {
  196.                                         description: "These cookies are preset values and must be accepted as they are required for the website to operate. \n",
  197.                                         title: "Technically necessary cookies"
  198.                                 },
  199.                         extern: {
  200.                                         description: "Cookies can be set here that are sent through external media such as Youtube, Facebook etc. can be created",
  201.                                         title: "External media"
  202.                                 },
  203.                         },
  204.                 },
  205.         },
  206.  
  207.         // This is a list of third-party services that Klaro will manage for you.
  208.         services: [
  209.                 {
  210.                         name: 'essentials',
  211.                         default: true,
  212.                         optOut: false,
  213.                         required: true,
  214.                         title: 'Login, Session Cookies',
  215.                         purposes: ['essential'],
  216.                         cookies: [],
  217.                 },
  218.                 {
  219.                         name: 'youtube',
  220.                         default: false,
  221.                         title: 'Youtube',
  222.                         purposes: ['extern'],
  223.                         callback : function(consent, app){
  224.                           if (typeof hideAllYoutubeContainer === "function") {
  225.                                 if (!consent) {
  226.                                   hideAllYoutubeContainer();
  227.                                 } else {
  228.                                   showAllYoutubeContainer();
  229.                                 }
  230.                         }
  231.                         },
  232.                         required: false,
  233.                         optOut: false,
  234.                         onlyOnce: true,
  235.         },
  236.  
  237.                 {
  238.                         name: jsv_desc_1,
  239.                         default: false,
  240.                         title: jsv_title_1,
  241.                         purposes: ['extern'],
  242.                         callback : function(consent, app){
  243.                           if (typeof hideAllYoutubeContainer === "function") {
  244.                                 if (!consent) {
  245.                                   hideAllYoutubeContainer();
  246.                                 } else {
  247.                                   showAllYoutubeContainer();
  248.                                 }
  249.                         }
  250.                         },
  251.                         required: false,
  252.                         optOut: false,
  253.                         onlyOnce: true,
  254.         },
  255.         ],
  256. };

Quellcode

Hier kannst du den Code kopieren und ihn in deinen bevorzugten Editor einfügen. Alternativ kannst du den gesamten Eintrag auch als Datei herunterladen.