Bearbeiten von „PrivacyWire - ProcessWire Modul“

Modul zum Anzeigen eines Cookie Banners und zum Blockieren von Skripten, Externen Medien etc. Das Modul passt das HTML an
== Links ==
 https://processwire.com/modules/privacy-wire/
 https://processwire.com/talk/topic/23118-privacywire-cookie-management-async-external-asset-loading/

== Quickstart Cookie Consent für ProcessWire ==
* Modul installieren (PrivacyWire)
* Labels übersetzen
* Benötigte Ketegorien auswählen
** Zuordnung der Kategorien funktioniert über data-category Attribut.
* Skripte anpassen z.B.
** Normale Skripte: type="text/plain" data-type="text/javascript" data-category="marketing"
** Externe Skripte: data-src="..."
Beispiele:
 <script type="text/plain" data-type="text/javascript" data-category="statistics" data-src="/path/to/your/statistic/script.js"></script>
 <script type="text/plain" data-type="text/javascript" data-category="marketing" data-src="/path/to/your/marketing/script.js"></script>
 <script type="text/plain" data-type="text/javascript" data-category="external_media" data-src="/path/to/your/external-media/script.js">  </script>
 <script type="text/plain" data-type="text/javascript" data-category="marketing">console.log("Inline scripts are also working!");</script>

<pre>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async type="text/plain" data-type="text/javascript" data-category="marketing" data-src="https://www.googletagmanager.com/gtag/js?id=G-DQPX4V13MY"></script>
<script type="text/plain" data-type="text/javascript" data-category="marketing">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-DQPX4V13MY');
</script>
</pre>

== Cookie Options anzeigen ==
<pre>
[[privacywire-choose-cookies]] - Mit Textformatter

<a href="#" class="privacywire-show-options">Show Cookie Options</a> - als Link
<button class="privacywire-show-options">Show Cookie Options</button>  - als Button
</pre>

== CSS ==
<syntaxhighlight lang="css">
.pricacywire,
.privacywire-banner,
.privacywire-options,
.privacywire-message{
	background-color: #009999 !important;
}
.pricacywire a,
.privacywire-banner a,
.privacywire-options a{
	color: #fff !important;
}
</syntaxhighlight>

== Video Embed Opt-In==
Im VideoEmbed Plugin kann man die Kategorie auswählen (z.B. external Media)

== Bsp. iFrame mit eigenem Opt Out ==
Mit dem Attribut data-ask-consent="1" kann man auch einzelne Elemente freigeben.
 <iframe data-src="https://processwire.com/" data-category="marketing" data-ask-consent="1" class="require-consent" frameborder="0" height="400" width="400"></iframe>

Available attributes:
<pre>
Attribute	Info	Description	Type
class require-consent	optional (required if config option enabled)	If the config option "Detect consent windows by class require-consent instead of data-attribute" is enabled	string
data-category	required	defines the assigned cookie group for this element	string
data-type	optional (required for scripts)	replaces the type attribute after giving consent	string
data-src	optional (required for external scripts, images or iframes)	replaces the src attribute after giving consent	string
data-srset	optional	replaces the srcset attribute for images after giving consent	string
data-ask-consent	optional	Replace element with Opt-In-Element	bool 0/1
</pre>
For script tags it is required to add type="text/plain", otherwise the script executes directly.