phpBB.de

Opt-in cookie ext

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.