Scan-Widget Dokumentation
Um auf deiner Website das Scan-Widget einzubauen gibt es verschiedene Wege. Es hängt zudem auch von den technischen Gegebenheiten deiner Website ab, z.B. welches CMS du nutzt. Unser Widget ist jedoch höchstkompatibel, und es sollte stets einen Weg geben dieses einzubauen. Bei Schwierigkeiten oder Fragen kannst du uns auch jederzeit unter support@cookiebox.pro erreichen.
Die Funktionsweise
Es muss lediglich die URL aufgerufen werden:
https://quickcheck.cookiebox.pro/?fetch_url=[WEBSITE]
[WEBSITE] steht einfach für die zu scannende URL, z.B.
https://quickcheck.cookiebox.pro/?fetch_url=cookiebox.pro um die cookiebox.pro zu scannen. Unser Scanner ist zudem recht flexibel bzgl. des Protokolls, also gib die URL ruhig mit oder ohne https:// ein. Nach Aufrufen dieser URL solltest du merken, dass die URL sich ändert, z.B. in
https://quickcheck.cookiebox.pro/?hash=7NJJl9a9ew19iiVT1ucQ
Wir sehen, dass ein einzigartiger Hash erstellt wurde und der Scanner loslegt. Mit diesem einzigartigen Hash kann man das Ergebnis immer wieder aufrufen, auch in Zukunft. Nach ungefähr 30-60 Sekunden zeigt dir der Quickcheck an, dass das Ergebnis fertig und einsehbar ist.
Javascript
function openInNewTab(url) {
window.open("https://quickcheck.cookiebox.pro/?fetch_url=" + url, '_blank').focus();
}Dies ist im Grunde alles nötige, um unser Widget bei sich auf der Website einzubauen. Man erstelle ein Input fehlt und einen Button und vorher etwas Prosa um den Besucher darüber zu informieren, was unser Scanner leistet.
Und hier ein vollständiges Beispiel als Codebasis. Die Javascript Funktionen müssen dann nur noch auf der jeweiligen Seite aufgerufen werden.
openInNewTab ist für das Öffnen der URL in einem neuem Tab zuständig
changePlaceholder ist eine Funktion um den Placeholder des Inputs-Felds zu animieren (vgl. cookiebox.pro)
initBox ist zuständig für das Rendern des Widgets samt der Inhalte
Das Skript ist natürlich an die eigenen Wünsche jederzeit anpassbar.
function openInNewTab() {
window.open("https://quickcheck.cookiebox.pro/?fetch_url=" + document.getElementById("cookieboxInput").value, '_blank').focus();
}
function changePlaceholder() {
var input = document.getElementById("cookieboxInput");
var temp = "meine-website.de";
var index = 0;
input.placeholder = "";
setInterval(() => {
if (input.placeholder != "meine-website.de") {
input.placeholder += temp[index];
index++;
}
else {
input.placeholder = "";
index = 0;
}
}, 300);
}
function initBox() {
var elemDiv = document.createElement('div');
elemDiv.innerHTML = ` <div class="cookieboxModal">
<div><b>Insights from the outside</b></div>
<br><br>
Nutzen Sie den <b> # 1 Cookie-Scanner </b> der COOKIEBOX GmbH fuer ein <b> kostenlosen Website-Check </b> Ihrer
Domain! In 1 Minute erhalten Sie einen <b> detallierten Datenschutz-Risikobericht </b> – und sehen auf einem
Blick, welche <b> Cookies, Pixel, Tags, Third-Party-Services </b> auf Ihrer Website im Einsatz sind.
<br><br>
<input type="text" id="cookieboxInput">
<button onclick="openInNewTab()"> Jetzt testen!</button>
</div>`;
document.body.appendChild(elemDiv);
}
Noch Fragen oder Feedback?
Melde dich gerne an support@cookiebox.pro