Pastebin

Opt-in cookie ext

von 69bruno (23.12.2020 15:53)
Beschreibung:
config.js ür Opt-in cookie-ext
Snippet erstellt:
23.12.2020 15:53
Snippet wird automatisch gelöscht:
22.01.2021 15:53

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. if(truelog == false){
  6. var klaroConfig = {
  7.         // With the 0.7.0 release we introduce a 'version' paramter that will make
  8.         // if easier for us to keep configuration files backwards-compatible in the future.
  9.         version: 1,
  10.  
  11.         // You can customize the ID of the DIV element that Klaro will create
  12.         // when starting up. If undefined, Klaro will use 'klaro'.
  13.         elementID: 'klaro',
  14.  
  15.         // Setting this to true will keep Klaro from automatically loading itself
  16.         // when the page is being loaded.
  17.         noAutoLoad: false,
  18.  
  19.         // Setting this to true will render the descriptions of the consent
  20.         // modal and consent notice are HTML. Use with care.
  21.         htmlTexts: true,
  22.  
  23.         // Setting 'embedded' to true will render the Klaro modal and notice without
  24.         // the modal background, allowing you to e.g. embed them into a specific element
  25.         // of your website, such as your privacy notice.
  26.         embedded: false,
  27.  
  28.         // You can group services by their purpose in the modal. This is advisable
  29.         // if you have a large number of services. Users can then enable or disable
  30.         // entire groups of services instead of having to enable or disable every service.
  31.         groupByPurpose: true,
  32.  
  33.         // How Klaro should store the user's preferences. It can be either 'cookie'
  34.         // (the default) or 'localStorage'.
  35.         storageMethod: 'cookie',
  36.  
  37.         // You can customize the name of the cookie that Klaro uses for storing
  38.         // user consent decisions. If undefined, Klaro will use 'klaro'.
  39.         cookieName: 'klaro',
  40.  
  41.         // You can also set a custom expiration time for the Klaro cookie.
  42.         // By default, it will expire after 120 days.
  43.         cookieExpiresAfterDays: 365,
  44.  
  45.         // You can change to cookie domain for the consent manager itself.
  46.         // Use this if you want to get consent once for multiple matching domains.
  47.         // If undefined, Klaro will use the current domain.
  48.         //cookieDomain: '.localhost',
  49.  
  50.         // Defines the default state for services (true=enabled by default).
  51.         default: false,
  52.  
  53.         // If "mustConsent" is set to true, Klaro will directly display the consent
  54.         // manager modal and not allow the user to close it before having actively
  55.         // consented or declines the use of third-party services.
  56.         mustConsent: false,
  57.  
  58.         // Show "accept all" to accept all services instead of "ok" that only accepts
  59.         // required and "default: true" services
  60.         acceptAll: true,
  61.  
  62.         // replace "decline" with cookie manager modal
  63.         hideDeclineAll: false,
  64.  
  65.         // hide "learnMore" link
  66.         hideLearnMore: false,
  67.  
  68.         // show cookie notice as modal
  69.         noticeAsModal: false,
  70.  
  71.         // You can also remove the 'Realized with Klaro!' text in the consent modal.
  72.         // Please don't do this! We provide Klaro as a free open source tool.
  73.         // Placing a link to our website helps us spread the word about it,
  74.         // which ultimately enables us to make Klaro! better for everyone.
  75.         // So please be fair and keep the link enabled. Thanks :)
  76.         //disablePoweredBy: true,
  77.  
  78.         // you can specify an additional class (or classes) that will be added to the Klaro `div`
  79.         //additionalClass: 'my-klaro',
  80.  
  81.         // You can define the UI language directly here. If undefined, Klaro will
  82.         // use the value given in the global "lang" variable. If that does
  83.         // not exist, it will use the value given in the "lang" attribute of your
  84.         // HTML tag. If that also doesn't exist, it will use 'en'.
  85.         //lang: 'en',
  86.  
  87.         // You can overwrite existing translations and add translations for your
  88.         // service descriptions and purposes. See `src/translations/` for a full
  89.         // list of translations that can be overwritten:
  90.         // https://github.com/KIProtect/klaro/tree/master/src/translations
  91.  
  92.         // Example config that shows how to overwrite translations:
  93.         // https://github.com/KIProtect/klaro/blob/master/src/configs/i18n.js
  94.         translations: {
  95.                 // translationsed defined under the 'zz' language code act as default
  96.                 // translations.
  97.                 zz: {
  98.                   //  privacyPolicyUrl: '',
  99.                 },
  100.                 // If you erase the "consentModal" translations, Klaro will use the
  101.                 // bundled translations.
  102.                 de: {
  103.                         consentNotice: {
  104.                                 description: jsv_title_1,
  105.                                 learnMore: "Zu den Cookie-Einstellungen",
  106.                         },
  107.                         acceptAll: "Alle akzeptieren",
  108.                         acceptSelected: "Ausgewählte akzeptieren",
  109.                         decline: "Ablehnen",
  110.                         ok: "Akzeptieren",
  111.                         poweredBy: "Realisiert mit Klaro!",
  112.                         service: {
  113.                                 disableAll: {
  114.                                         description: "Mit diesem Schalter können Sie alle Dienste aktivieren oder deaktivieren.",
  115.                                         title: "Alle Dienste aktivieren oder deaktivieren"
  116.                                 },
  117.                                 optOut: {
  118.                                         description: "Diese Dienste werden standardmäßig geladen (Sie können sich jedoch abmelden)",
  119.                                         title: "(Opt-out)"
  120.                                 },
  121.                                 purpose: "Zweck",
  122.                                 purposes: "Zwecke",
  123.                                 required: {
  124.                                         description: "Dieser Service ist immer erforderlich",
  125.                                         title: "(immer erforderlich)"
  126.                                 }
  127.                         },
  128.                         purposeItem: {
  129.                                 service: "Dienst",
  130.                                 services: "Dienste"
  131.                         },
  132.                         consentModal: {
  133.                                 title: 'Einstellungen für unsere Cookie´s',
  134.                                 description:
  135.                                         '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.',
  136.                         },
  137.                         inlineTracker: {
  138.                                 description: 'Beispiel für ein Inline-Tracking Skript',
  139.                         },
  140.                         externalTracker: {
  141.                                 description: 'Beispiel für ein externes Tracking Skript',
  142.                         },
  143.                         purposes: {
  144.                                 essential: {
  145.                                         description: jsv1,
  146.                                         title: "Technisch notwendige Cookies"
  147.                                 },
  148.                                 extern: {
  149.                                         description: jsv_desc_1,
  150.                                         title: "Externe Medien"
  151.                                 },
  152.                         },
  153.                 },
  154.                 en: {
  155.                         consentNotice: {
  156.                                 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>",
  157.                                 learnMore: "To the cookie settings",
  158.                         },
  159.                         acceptAll: "Accept all",
  160.                         acceptSelected: "Accept selected",
  161.                         decline: "Decline",
  162.                         ok: "Accept",
  163.                         poweredBy: "Realized with Klaro!",
  164.                         service: {
  165.                                 disableAll: {
  166.                                         description: "Use this switch to enable or disable all services.",
  167.                                         title: "Enable or disable all services"
  168.                                 },
  169.                                 optOut: {
  170.                                         description: "This services is loaded by default (but you can opt out)",
  171.                                         title: "(opt-out)"
  172.                                 },
  173.                                 purpose: "purpose",
  174.                                 purposes: "purposes",
  175.                                 required: {
  176.                                         description: "This services is always required",
  177.                                         title: "(always required)"
  178.                                 }
  179.                         },
  180.                         purposeItem: {
  181.                                 service: "service",
  182.                                 services: "services"
  183.                         },
  184.                         consentModal: {
  185.                                 title: 'Settings for our Cookie´s',
  186.                                 description:
  187.                                         '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.',
  188.                         },
  189.                         inlineTracker: {
  190.                                 description: 'Example of an inline tracking script',
  191.                         },
  192.                         externalTracker: {
  193.                                 description: 'Example of an external tracking script',
  194.                         },
  195.                         purposes: {
  196.                         essential: {
  197.                                         description: "These cookies are preset values and must be accepted as they are required for the website to operate. \n",
  198.                                         title: "Technically necessary cookies"
  199.                                 },
  200.                         extern: {
  201.                                         description: "Cookies can be set here that are sent through external media such as Youtube, Facebook etc. can be created",
  202.                                         title: "External media"
  203.                                 },
  204.                         },
  205.                 },
  206.         },
  207.  
  208.         // This is a list of third-party services that Klaro will manage for you.
  209.         services: [
  210.                 {
  211.                         name: 'essentials',
  212.                         default: true,
  213.                         optOut: false,
  214.                         required: true,
  215.                         title: 'Login, Session Cookies',
  216.                         purposes: ['essential'],
  217.                         cookies: [],
  218.                 },
  219.                 {
  220.                         name: 'youtube',
  221.                         default: false,
  222.                         title: 'Youtube',
  223.                         purposes: ['extern'],
  224.                         callback : function(consent, app){
  225.                           if (typeof hideAllYoutubeContainer === "function") {
  226.                                 if (!consent) {
  227.                                   hideAllYoutubeContainer();
  228.                                 } else {
  229.                                   showAllYoutubeContainer();
  230.                                 }
  231.                         }
  232.                         },
  233.                         required: false,
  234.                         optOut: false,
  235.                         onlyOnce: true,
  236.         },
  237.                
  238.         ],
  239. };
  240. };
  241. if(truelog == true){
  242. var klaroConfig = {
  243.         // With the 0.7.0 release we introduce a 'version' paramter that will make
  244.         // if easier for us to keep configuration files backwards-compatible in the future.
  245.         version: 1,
  246.  
  247.         // You can customize the ID of the DIV element that Klaro will create
  248.         // when starting up. If undefined, Klaro will use 'klaro'.
  249.         elementID: 'klaro',
  250.  
  251.         // Setting this to true will keep Klaro from automatically loading itself
  252.         // when the page is being loaded.
  253.         noAutoLoad: false,
  254.  
  255.         // Setting this to true will render the descriptions of the consent
  256.         // modal and consent notice are HTML. Use with care.
  257.         htmlTexts: true,
  258.  
  259.         // Setting 'embedded' to true will render the Klaro modal and notice without
  260.         // the modal background, allowing you to e.g. embed them into a specific element
  261.         // of your website, such as your privacy notice.
  262.         embedded: false,
  263.  
  264.         // You can group services by their purpose in the modal. This is advisable
  265.         // if you have a large number of services. Users can then enable or disable
  266.         // entire groups of services instead of having to enable or disable every service.
  267.         groupByPurpose: true,
  268.  
  269.         // How Klaro should store the user's preferences. It can be either 'cookie'
  270.         // (the default) or 'localStorage'.
  271.         storageMethod: 'cookie',
  272.  
  273.         // You can customize the name of the cookie that Klaro uses for storing
  274.         // user consent decisions. If undefined, Klaro will use 'klaro'.
  275.         cookieName: 'klaro',
  276.  
  277.         // You can also set a custom expiration time for the Klaro cookie.
  278.         // By default, it will expire after 120 days.
  279.         cookieExpiresAfterDays: 365,
  280.  
  281.         // You can change to cookie domain for the consent manager itself.
  282.         // Use this if you want to get consent once for multiple matching domains.
  283.         // If undefined, Klaro will use the current domain.
  284.         //cookieDomain: '.localhost',
  285.  
  286.         // Defines the default state for services (true=enabled by default).
  287.         default: false,
  288.  
  289.         // If "mustConsent" is set to true, Klaro will directly display the consent
  290.         // manager modal and not allow the user to close it before having actively
  291.         // consented or declines the use of third-party services.
  292.         mustConsent: false,
  293.  
  294.         // Show "accept all" to accept all services instead of "ok" that only accepts
  295.         // required and "default: true" services
  296.         acceptAll: true,
  297.  
  298.         // replace "decline" with cookie manager modal
  299.         hideDeclineAll: false,
  300.  
  301.         // hide "learnMore" link
  302.         hideLearnMore: false,
  303.  
  304.         // show cookie notice as modal
  305.         noticeAsModal: false,
  306.  
  307.         // You can also remove the 'Realized with Klaro!' text in the consent modal.
  308.         // Please don't do this! We provide Klaro as a free open source tool.
  309.         // Placing a link to our website helps us spread the word about it,
  310.         // which ultimately enables us to make Klaro! better for everyone.
  311.         // So please be fair and keep the link enabled. Thanks :)
  312.         //disablePoweredBy: true,
  313.  
  314.         // you can specify an additional class (or classes) that will be added to the Klaro `div`
  315.         //additionalClass: 'my-klaro',
  316.  
  317.         // You can define the UI language directly here. If undefined, Klaro will
  318.         // use the value given in the global "lang" variable. If that does
  319.         // not exist, it will use the value given in the "lang" attribute of your
  320.         // HTML tag. If that also doesn't exist, it will use 'en'.
  321.         //lang: 'en',
  322.  
  323.         // You can overwrite existing translations and add translations for your
  324.         // service descriptions and purposes. See `src/translations/` for a full
  325.         // list of translations that can be overwritten:
  326.         // https://github.com/KIProtect/klaro/tree/master/src/translations
  327.  
  328.         // Example config that shows how to overwrite translations:
  329.         // https://github.com/KIProtect/klaro/blob/master/src/configs/i18n.js
  330.         translations: {
  331.                 // translationsed defined under the 'zz' language code act as default
  332.                 // translations.
  333.                 zz: {
  334.                   //  privacyPolicyUrl: '',
  335.                 },
  336.                 // If you erase the "consentModal" translations, Klaro will use the
  337.                 // bundled translations.
  338.                 de: {
  339.                         consentNotice: {
  340.                                 description: jsv_title_1,
  341.                                 learnMore: "Zu den Cookie-Einstellungen",
  342.                         },
  343.                         acceptAll: "Alle akzeptieren",
  344.                         acceptSelected: "Ausgewählte akzeptieren",
  345.                         decline: "Ablehnen",
  346.                         ok: "Akzeptieren",
  347.                         poweredBy: "Realisiert mit Klaro!",
  348.                         service: {
  349.                                 disableAll: {
  350.                                         description: "Mit diesem Schalter können Sie alle Dienste aktivieren oder deaktivieren.",
  351.                                         title: "Alle Dienste aktivieren oder deaktivieren"
  352.                                 },
  353.                                 optOut: {
  354.                                         description: "Diese Dienste werden standardmäßig geladen (Sie können sich jedoch abmelden)",
  355.                                         title: "(Opt-out)"
  356.                                 },
  357.                                 purpose: "Zweck",
  358.                                 purposes: "Zwecke",
  359.                                 required: {
  360.                                         description: "Dieser Service ist immer erforderlich",
  361.                                         title: "(immer erforderlich)"
  362.                                 }
  363.                         },
  364.                         purposeItem: {
  365.                                 service: "Dienst",
  366.                                 services: "Dienste"
  367.                         },
  368.                         consentModal: {
  369.                                 title: 'Einstellungen für unsere Cookie´s',
  370.                                 description:
  371.                                         '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.',
  372.                         },
  373.                         inlineTracker: {
  374.                                 description: 'Beispiel für ein Inline-Tracking Skript',
  375.                         },
  376.                         externalTracker: {
  377.                                 description: 'Beispiel für ein externes Tracking Skript',
  378.                         },
  379.                         purposes: {
  380.                                 essential: {
  381.                                         description: jsv1,
  382.                                         title: "Technisch notwendige Cookies"
  383.                                 },
  384.                                 extern: {
  385.                                         description: jsv_desc_1,
  386.                                         title: "Externe Medien"
  387.                                 },
  388.                         },
  389.                 },
  390.                 en: {
  391.                         consentNotice: {
  392.                                 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>",
  393.                                 learnMore: "To the cookie settings",
  394.                         },
  395.                         acceptAll: "Accept all",
  396.                         acceptSelected: "Accept selected",
  397.                         decline: "Decline",
  398.                         ok: "Accept",
  399.                         poweredBy: "Realized with Klaro!",
  400.                         service: {
  401.                                 disableAll: {
  402.                                         description: "Use this switch to enable or disable all services.",
  403.                                         title: "Enable or disable all services"
  404.                                 },
  405.                                 optOut: {
  406.                                         description: "This services is loaded by default (but you can opt out)",
  407.                                         title: "(opt-out)"
  408.                                 },
  409.                                 purpose: "purpose",
  410.                                 purposes: "purposes",
  411.                                 required: {
  412.                                         description: "This services is always required",
  413.                                         title: "(always required)"
  414.                                 }
  415.                         },
  416.                         purposeItem: {
  417.                                 service: "service",
  418.                                 services: "services"
  419.                         },
  420.                         consentModal: {
  421.                                 title: 'Settings for our Cookie´s',
  422.                                 description:
  423.                                         '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.',
  424.                         },
  425.                         inlineTracker: {
  426.                                 description: 'Example of an inline tracking script',
  427.                         },
  428.                         externalTracker: {
  429.                                 description: 'Example of an external tracking script',
  430.                         },
  431.                         purposes: {
  432.                         essential: {
  433.                                         description: "These cookies are preset values and must be accepted as they are required for the website to operate. \n",
  434.                                         title: "Technically necessary cookies"
  435.                                 },
  436.                         extern: {
  437.                                         description: "Cookies can be set here that are sent through external media such as Youtube, Facebook etc. can be created",
  438.                                         title: "External media"
  439.                                 },
  440.                         },
  441.                 },
  442.         },
  443.  
  444.         // This is a list of third-party services that Klaro will manage for you.
  445.         services: [
  446.                 {
  447.                         name: 'essentials',
  448.                         default: true,
  449.                         optOut: false,
  450.                         required: true,
  451.                         title: 'Login, Session Cookies',
  452.                         purposes: ['essential'],
  453.                         cookies: [],
  454.                 },
  455.                 {
  456.                         name: 'youtube',
  457.                         default: false,
  458.                         title: 'Youtube',
  459.                         purposes: ['extern'],
  460.                         callback : function(consent, app){
  461.                           if (typeof hideAllYoutubeContainer === "function") {
  462.                                 if (!consent) {
  463.                                   hideAllYoutubeContainer();
  464.                                 } else {
  465.                                   showAllYoutubeContainer();
  466.                                 }
  467.                         }
  468.                         },
  469.                         required: false,
  470.                         optOut: false,
  471.                         onlyOnce: true,
  472.         },
  473.                 {
  474.                         name: 'rm',
  475.                         default: false,
  476.                         optOut: false,
  477.                         required: false,
  478.                         title: 'egal',
  479.                         purposes: ['essential'],
  480.                         cookies: [],
  481.                 },
  482.                
  483.         ],
  484. };
  485. };

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.