{"id":5268,"date":"2023-08-18T11:26:26","date_gmt":"2023-08-18T09:26:26","guid":{"rendered":"https:\/\/ekiwi.de\/?p=5268"},"modified":"2023-08-18T12:12:04","modified_gmt":"2023-08-18T10:12:04","slug":"cookie-banner-in-magix-webdesigner-einbinden","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/5268\/cookie-banner-in-magix-webdesigner-einbinden\/","title":{"rendered":"Cookie Banner in Magix Webdesigner einbinden"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi.de\/index.php\/5268\/cookie-banner-in-magix-webdesigner-einbinden\/#Videoanleitung\" >Videoanleitung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi.de\/index.php\/5268\/cookie-banner-in-magix-webdesigner-einbinden\/#Erstellen_des_Cookie-Banners\" >Erstellen des Cookie-Banners<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ekiwi.de\/index.php\/5268\/cookie-banner-in-magix-webdesigner-einbinden\/#Code_in_Head-_und_Body-Bereich_einfuegen\" >Code in Head- und Body-Bereich einf\u00fcgen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ekiwi.de\/index.php\/5268\/cookie-banner-in-magix-webdesigner-einbinden\/#Einbinden_in_Magix_Xara_Webdesigner\" >Einbinden in Magix \/ Xara Webdesigner<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ekiwi.de\/index.php\/5268\/cookie-banner-in-magix-webdesigner-einbinden\/#Script_exportieren_und_FTP-Upload\" >Script exportieren und FTP-Upload<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ekiwi.de\/index.php\/5268\/cookie-banner-in-magix-webdesigner-einbinden\/#Homepage_veroeffentlichen\" >Homepage ver\u00f6ffentlichen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ekiwi.de\/index.php\/5268\/cookie-banner-in-magix-webdesigner-einbinden\/#Cookie-Banner_erscheint_kurz_und_verschwindet_wieder\" >Cookie-Banner erscheint kurz und verschwindet wieder<\/a><\/li><\/ul><\/nav><\/div>\n<p>Einen modernen Cookie-Banner in Magix Webdesigner einbinden, alternativ Xara Webdesigner, wie das Programm auch hei\u00dft.<\/p>\n<p><!--more--><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Videoanleitung\"><\/span>Videoanleitung<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/apevJUbWmAs\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Erstellen_des_Cookie-Banners\"><\/span>Erstellen des Cookie-Banners<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Beginnen wir mit der Erstellung des Cookiebanners. Hierf\u00fcr verwenden wir den &#8222;<a href=\"https:\/\/da-software.net\/cookiebannergenerator\/\">Cookie Banner Generator<\/a>&#8222;. Diesen gibt es hier kostenlos zum Download. Hier richten wir die Services ein, anschlie\u00dfend kann uns die Software den Java-Script-Code f\u00fcr unsere Webseite erstellen.<\/p>\n<p>Bevor wir weiter machen, empfiehlt es sich die Vorschau zu verwenden, ob alles passt und der Cookie-Banner korrekt angezeigt und dargestellt wird.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_1.png\" alt=\"\" width=\"1014\" height=\"441\" class=\"alignnone size-full wp-image-5269\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_1.png 1014w, \/wp-content\/uploads\/2023\/08\/cookie_1-300x130.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_1-768x334.png 768w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Code_in_Head-_und_Body-Bereich_einfuegen\"><\/span>Code in Head- und Body-Bereich einf\u00fcgen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Beginnen wir mit dem Einbinden der Scripte, welche wir sp\u00e4ter generieren lassen. Wir rufen in der Software den Exportassistenten auf. Hier geben wir nun die Basis-URL, also die Adresse unserer Homepage, ein. Wir achten hier auf das &#8222;\/&#8220; am Ende.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_2.png\" alt=\"\" width=\"815\" height=\"285\" class=\"alignnone size-full wp-image-5271\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_2.png 815w, \/wp-content\/uploads\/2023\/08\/cookie_2-300x105.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_2-768x269.png 768w\" sizes=\"auto, (max-width: 815px) 100vw, 815px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Einbinden_in_Magix_Xara_Webdesigner\"><\/span>Einbinden in Magix \/ Xara Webdesigner<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Im Beispiel oben sehen wir den Code f\u00fcr den Head-Bereich und Body-Bereich. Diesen kopieren wir nun jeweils und f\u00fcgen diesen in unsere Webseite ein. Hierzu rufen wir die Webeigenschaften auf.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_3.png\" alt=\"\" width=\"371\" height=\"377\" class=\"alignnone size-full wp-image-5273\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_3.png 371w, \/wp-content\/uploads\/2023\/08\/cookie_3-295x300.png 295w\" sizes=\"auto, (max-width: 371px) 100vw, 371px\" \/><\/p>\n<p>Im Reiter &#8222;Webseite&#8220; k\u00f6nnen wir nun jeweils den Code f\u00fcr den Body und Head bearbeiten und einf\u00fcgen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_4.png\" alt=\"\" width=\"816\" height=\"580\" class=\"alignnone size-full wp-image-5275\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_4.png 816w, \/wp-content\/uploads\/2023\/08\/cookie_4-300x213.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_4-768x546.png 768w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Script_exportieren_und_FTP-Upload\"><\/span>Script exportieren und FTP-Upload<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wir wechseln zur\u00fcck in den Cookie-Banner-Generator. Hier klicken wir auf &#8222;Script exportieren&#8220;. Wir w\u00e4hlen hier nun den Zielort aus. Die Software erstellt uns nun drei Dateien. Diese \u00fcbertragen wir mittels FTP-Programm auf unseren Webspace.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_5.png\" alt=\"\" width=\"920\" height=\"290\" class=\"alignnone size-full wp-image-5277\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_5.png 920w, \/wp-content\/uploads\/2023\/08\/cookie_5-300x95.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_5-768x242.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Homepage_veroeffentlichen\"><\/span>Homepage ver\u00f6ffentlichen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nun m\u00fcssen wir nur noch unsere Homepage ver\u00f6ffentlichen. Der Cookie-Banner sollte nun erscheinen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_6.png\" alt=\"\" width=\"800\" height=\"581\" class=\"alignnone size-full wp-image-5279\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_6.png 800w, \/wp-content\/uploads\/2023\/08\/cookie_6-300x218.png 300w, \/wp-content\/uploads\/2023\/08\/cookie_6-768x558.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Cookie-Banner_erscheint_kurz_und_verschwindet_wieder\"><\/span>Cookie-Banner erscheint kurz und verschwindet wieder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Je nach Vorlage kann es zu Problemen kommen, dass der Banner kurz erscheint, aber automatisch verschwindet. In diesem Fall hilft es die Verz\u00f6gerung zu erh\u00f6hen. In der Regel sind 2000 ms ein guter Wert.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/08\/cookie_7.png\" alt=\"\" width=\"595\" height=\"411\" class=\"alignnone size-full wp-image-5281\" srcset=\"\/wp-content\/uploads\/2023\/08\/cookie_7.png 595w, \/wp-content\/uploads\/2023\/08\/cookie_7-300x207.png 300w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>Einen modernen Cookie-Banner in Magix Webdesigner einbinden, alternativ Xara Webdesigner, wie das Programm auch hei\u00dft.<\/p>\n","protected":false},"author":1,"featured_media":2416,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5,15],"tags":[207,68],"class_list":["post-5268","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmtl","category-javascript","tag-cookie","tag-datenschutz"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/5268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=5268"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/5268\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/2416"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=5268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=5268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=5268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}