{"id":187,"date":"2026-07-02T13:03:03","date_gmt":"2026-07-02T13:03:03","guid":{"rendered":"https:\/\/sdwski.com\/?post_type=project&#038;p=187"},"modified":"2026-10-16T12:43:37","modified_gmt":"2026-10-16T12:43:37","slug":"gdpr-for-wordpress-eu","status":"publish","type":"project","link":"https:\/\/sdwski.com\/en\/post\/work\/gdpr-for-wordpress-eu","title":{"rendered":"<p>GDPR plugin for WordPress (a mandatory requirement for businesses in the European Union)<\/p>\n"},"content":{"rendered":"<p class=\"wp-block-paragraph\">A lightweight GDPR-compliant cookie consent banner. Analytics is activated only after the visitor gives consent.<\/p><h3 class=\"wp-block-heading\">About the Project<\/h3><p class=\"wp-block-paragraph\">I developed Doberman Cookie Consent for websites built on WordPress that need a legal way to collect statistics on visitors from the EU. The plugin requires no third-party services or subscriptions and does not load jQuery or external libraries. It is a single file that takes just a couple of minutes to install.<\/p><h3 class=\"wp-block-heading\">Why You Need It: EU Cookie Law<\/h3><p class=\"wp-block-paragraph\">If your website has visitors from the European Union, two regulations apply to you:<\/p><ul class=\"wp-block-list\">\n<li><strong>GDPR<\/strong> (General Data Protection Regulation, EU Regulation 2016\/679) classifies cookie identifiers as personal data and requires a lawful basis for processing them.<\/li>\n\n\n\n<li><strong>ePrivacy Directive<\/strong> (2002\/58\/EC, Article 5(3)) requires consent before storing or accessing non-essential cookies (analytics, advertising) on a user's device.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">To be valid, consent must be:<\/p><ul class=\"wp-block-list\">\n<li><strong>freely given.<\/strong> The website must not be blocked until the user clicks &ldquo;Accept&rdquo;; <\/li>\n\n\n\n<li><strong>informed.<\/strong> You must explain which cookies are used and why;<\/li>\n\n\n\n<li><strong>specific.<\/strong> Consent must be given separately for each category;<\/li>\n\n\n\n<li><strong>unambiguous.<\/strong> Pre-checked boxes and silence do not constitute consent;<\/li>\n\n\n\n<li><strong>revocable.<\/strong> It must be as easy to withdraw consent as it is to give it.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">&#1047;&#1072; &#1085;&#1072;&#1088;&#1091;&#1096;&#1077;&#1085;&#1080;&#1103; &#1096;&#1090;&#1088;&#1072;&#1092;&#1099; &#1087;&#1086; GDPR &#1076;&#1086;&#1089;&#1090;&#1080;&#1075;&#1072;&#1102;&#1090; 20 &#1084;&#1083;&#1085; &#1077;&#1074;&#1088;&#1086; &#1080;&#1083;&#1080; 4% &#1075;&#1086;&#1076;&#1086;&#1074;&#1086;&#1075;&#1086; &#1086;&#1073;&#1086;&#1088;&#1086;&#1090;&#1072;. &#1044;&#1083;&#1103; &#1084;&#1072;&#1083;&#1086;&#1075;&#1086; &#1073;&#1080;&#1079;&#1085;&#1077;&#1089;&#1072; &#1088;&#1077;&#1072;&#1083;&#1100;&#1085;&#1099;&#1081; &#1088;&#1080;&#1089;&#1082; &#1086;&#1073;&#1099;&#1095;&#1085;&#1086; &#1089;&#1074;&#1103;&#1079;&#1072;&#1085; &#1089; &#1078;&#1072;&#1083;&#1086;&#1073;&#1072;&#1084;&#1080; &#1080; &#1087;&#1088;&#1077;&#1076;&#1087;&#1080;&#1089;&#1072;&#1085;&#1080;&#1103;&#1084;&#1080; &#1085;&#1072;&#1076;&#1079;&#1086;&#1088;&#1085;&#1099;&#1093; &#1086;&#1088;&#1075;&#1072;&#1085;&#1086;&#1074;, &#1085;&#1086; &#1080;&#1089;&#1087;&#1088;&#1072;&#1074;&#1083;&#1103;&#1090;&#1100; &#1074;&#1089;&#1105; &#1088;&#1072;&#1074;&#1085;&#1086; &#1087;&#1088;&#1080;&#1093;&#1086;&#1076;&#1080;&#1090;&#1089;&#1103; &#1085;&#1072; &#1093;&#1086;&#1076;&#1091; &#1080; &#1074; &#1089;&#1087;&#1077;&#1096;&#1082;&#1077;. &#1055;&#1088;&#1086;&#1097;&#1077; &#1085;&#1072;&#1089;&#1090;&#1088;&#1086;&#1080;&#1090;&#1100; &#1074;&#1089;&#1105; &#1087;&#1088;&#1072;&#1074;&#1080;&#1083;&#1100;&#1085;&#1086; &#1089;&#1088;&#1072;&#1079;&#1091;.<\/p><h3 class=\"wp-block-heading\">Plugin Features<\/h3><p class=\"wp-block-paragraph\"><strong>Consent and Privacy<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Three actions on the banner: &ldquo;Accept All,&rdquo; &ldquo;Necessary Only,&rdquo; and &ldquo;Manage.&rdquo; All buttons are equally prominent.<\/li>\n\n\n\n<li>Separate settings for necessary cookies (always enabled) and analytics (enabled by the user).<\/li>\n\n\n\n<li>Google Analytics loads only after consent is given. No requests are sent to Google without consent.<\/li>\n\n\n\n<li>The user's choice is stored in a cookie for 365 days. The duration can be changed by editing a single number; the GDPR maximum is approximately 13 months.<\/li>\n\n\n\n<li>The cookie stores only the user's choice and the time of the decision, with no personal data.<\/li>\n\n\n\n<li>A link to your Cookie Policy directly in the banner text.<\/li>\n<\/ul><p class=\"wp-block-paragraph\"><strong>Analytics<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Support for Google Analytics 4, Google Tag Manager, and Universal Analytics (legacy).<\/li>\n\n\n\n<li>For developers, there is an event <code>dcc:consent<\/code>. It can be used to load other scripts (such as tracking pixels) only after consent has been given.<\/li>\n<\/ul><p class=\"wp-block-paragraph\"><strong>Design and compatibility<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Automatic dark mode: the plugin detects it based on the attribute <code>data-scheme=\"dark\"<\/code> on the tag <code>&lt;html&gt;<\/code>.<\/li>\n\n\n\n<li>Responsive layout for phones and tablets.<\/li>\n\n\n\n<li>The banner styles are isolated from the site's theme, so buttons and fonts are not &ldquo;broken&rdquo; by external CSS.<\/li>\n\n\n\n<li>Smooth appearance, minimal footprint, and no external dependencies other than the analytics platform itself.<\/li>\n\n\n\n<li>Accessibility features: ARIA roles, keyboard navigation, <code>aria-expanded<\/code> on the settings button.<\/li>\n<\/ul><p class=\"wp-block-paragraph\"><strong>For the Website Owner<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Instructions page in the WordPress admin panel (Settings &rarr; Cookie Consent): where to change the analytics ID, policy link, retention period, and how to reset consent for testing.<\/li>\n\n\n\n<li>Banner interface in English.<\/li>\n<\/ul><div data-sdwski_com-html-block=\"1\">\n<div class=\"dark relative z-0\">\n\n                <div class=\"pointer-events-none overflow-x-clip absolute inset-0 -z-1 lg:px-2\">\n                    <div class=\"size-full lg:rounded-32 bg-section-1\"><\/div>\n\n                    <div class=\"absolute -z-1 pointer-events-none top-0 right-0 z-2 translate-x-2\/5 -translate-y-1\/2\">\n                        <div class=\"size-[600px] md:size-[1000px] xl:size-[1940px] bg-[radial-gradient(circle,rgba(0,0,0,0.15)_0%,rgba(0,0,0,0)_65%)] dark:bg-[radial-gradient(circle,rgba(255,255,255,0.10)_0%,rgba(255,255,255,0)_65%)]\"><\/div>\n                    <\/div>\n                    <div class=\"absolute -z-1 pointer-events-none bottom-0 left-0 z-2 -translate-x-1\/2 translate-y-1\/2\">\n                        <div class=\"size-[600px] md:size-[1000px] xl:size-[1940px] bg-[radial-gradient(circle,rgba(0,0,0,0.15)_0%,rgba(0,0,0,0)_65%)] dark:bg-[radial-gradient(circle,rgba(255,255,255,0.10)_0%,rgba(255,255,255,0)_65%)]\"><\/div>\n                    <\/div>\n                <\/div>\n\n\n                <!-- Section start -->\n                <section class=\"pt-section-lg pb-section-md\">\n                    <div class=\"container\">\n\n                        <!-- SectionTitle start -->\n                        <div class=\"grid-main\">\n\n                            <div class=\"col-span-full lg:col-span-3\">\n\n                                <div class=\"flex items-center gap-1 sm:gap-2 lg:pt-4 mb-5 xl:mb-0\">\n                                    <div class=\"size-1 sm:size-1.5 rounded-full bg-current opacity-40\"><\/div>\n\n                                    <div class=\"text-12 md:text-14 leading-120 tracking-2 font-medium uppercase text-current opacity-50\">\n                                        &#1044;&#1042;&#1040; &#1057;&#1055;&#1054;&#1057;&#1054;&#1041;&#1040; &#1055;&#1054;&#1051;&#1059;&#1063;&#1048;&#1058;&#1068; &#1055;&#1051;&#1040;&#1043;&#1048;&#1053;\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"col-span-full md:col-span-9 lg:col-span-7\">\n                                <h2 class=\"text-60 sm:text-72 md:text-80 lg:text-100 xl:text-120\">\n                                    &#1062;&#1077;&#1085;&#1099;\n                                <\/h2>\n                            <\/div>\n\n\n                            <div class=\"col-span-full md:col-span-3 lg:col-span-2\">\n                                <div class=\"flex md:justify-end max-lg:items-end h-full pt-6 md:pt-0 xl:pt-4\">\n                                    <div class=\"text-10 md:text-12 leading-100 tracking-2 font-medium\">\n                                        SDWSKi\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                        <!-- SectionTitle end -->\n\n\n                        <div data-anim=\"slide-up delay-1\" class=\"grid-main pt-5 sm:pt-10 lg:pt-20 xl:pt-15 is-animated\">\n                            <div class=\"col-span-full xl:col-[4\/-1]\">\n                                <div class=\"toggleGroup\" data-price-switch=\"\" data-toggle-group=\"pricing\">\n                                    <div class=\"relative flex\">\n                                        <div class=\"toggleGroup__thumb\" data-price-switch-thumb=\"\" style=\"width: 88px; transform: translateX(0px);\"><\/div>\n\n                                        <label class=\"toggleGroup__item is-active\" data-price-switch-item=\"\" data-cursor=\"\">\n                                            <input class=\"sr-only\" type=\"radio\" name=\"pricingOption\" value=\"Per Project\" checked>\n\n                                           &#1058;&#1086;&#1083;&#1100;&#1082;&#1086; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085;\n                                        <\/label><label class=\"toggleGroup__item\" data-price-switch-item=\"\" data-cursor=\"\">\n                                            <input class=\"sr-only\" type=\"radio\" name=\"pricingOption\" value=\"Monthly\">\n\n                                           &#1055;&#1083;&#1072;&#1075;&#1080;&#1085; + &#1085;&#1072;&#1089;&#1090;&#1088;&#1086;&#1081;&#1082;&#1072;\n                                        <\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n\n                        <div data-anim=\"slide-up delay-1\" class=\"grid-main pt-10 is-animated\">\n\n                            <!-- Pricing card start -->\n                            <div class=\"grid-main gap-1 drop-shadow-card-1 col-span-full row-start-1 transition-all duration-400\" data-toggle-group-target=\"pricing\" data-toggle-group-option=\"Per Project\" data-toggle-group-class=\"opacity-0 pointer-events-none\">\n\n                                <div class=\"col-span-full lg:col-span-3 order-2 lg:order-1\">\n                                    <div class=\"flex lg:flex-col max-md:flex-col justify-between h-full rounded-24 bg-card-1 p-6 py-7 md:p-8 lg:p-10\">\n\n                                        <div>\n                                            <h3 class=\"text-18 md:text-20 font-medium\">\n                                             &#1057;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;&#1072; Cookie Policy\n                                            <\/h3>\n\n                                            <div class=\"max-w-[340px] leading-150 text-body-1 mt-4 lg:mt-6\">\n                                               &#1043;&#1086;&#1090;&#1086;&#1074;&#1099;&#1081; &#1096;&#1072;&#1073;&#1083;&#1086;&#1085; &#1089;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;&#1099; &#1087;&#1086;&#1083;&#1080;&#1090;&#1080;&#1082;&#1080; cookies, &#1072;&#1076;&#1072;&#1087;&#1090;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1085;&#1099;&#1081; &#1087;&#1086;&#1076; &#1074;&#1072;&#1096; &#1089;&#1072;&#1081;&#1090;. &#1070;&#1088;&#1080;&#1076;&#1080;&#1095;&#1077;&#1089;&#1082;&#1091;&#1102; &#1087;&#1088;&#1086;&#1074;&#1077;&#1088;&#1082;&#1091; &#1091; &#1102;&#1088;&#1080;&#1089;&#1090;&#1072; &#1074;&#1099; &#1079;&#1072;&#1082;&#1072;&#1079;&#1099;&#1074;&#1072;&#1077;&#1090;&#1077; &#1086;&#1090;&#1076;&#1077;&#1083;&#1100;&#1085;&#1086;.\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"flex flex-wrap items-center gap-5 max-md:mt-8 lg:mt-12\">\n                                            <div class=\"text-20 md:text-28 font-medium -tracking-2\">\n                                                + &euro; 40\n                                            <\/div>\n\n                                            <!-- <Switch data-toggle-name={data.toggleName} name={data.toggleName} \/> -->\n                                            <label class=\"switch\" data-cursor=\"\" data-toggle-name=\"pricing\">\n                                                <span class=\"relative\">\n                                                    <input type=\"checkbox\" class=\"sr-only\">\n                                                    <span class=\"switch__item\"><\/span>\n                                                <\/span>\n                                            <\/label>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n\n\n                                <div class=\"col-span-full lg:col-span-9 order-1 lg:order-2\">\n                                    <div class=\"flex flex-col rounded-24 bg-card-1\">\n\n                                        <div class=\"p-6 md:p-8 lg:px-10\">\n                                            <div class=\"flex justify-between items-center font-medium leading-100 -tracking-2\">\n                                                <div class=\"text-16 sm:text-20\">\n                                                    &#1050;&#1091;&#1087;&#1080;&#1090;&#1100; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085; &#1080; &#1085;&#1072;&#1089;&#1090;&#1088;&#1086;&#1080;&#1090;&#1100; &#1089;&#1072;&#1084;&#1086;&#1084;&#1091;\n                                                <\/div>\n\n                                                <div class=\"size-1.5 rounded-full bg-current\"><\/div>\n                                            <\/div>\n                                        <\/div>\n\n\n                                        <div class=\"w-full h-px bg-line-1\"><\/div>\n\n\n                                        <div class=\"p-6 py-7 md:p-8 lg:p-10\">\n                                            <div class=\"grid sm:grid-cols-[0.8fr_1fr] sm:gap-x-10 md:gap-x-20 2xl:gap-x-45\">\n                                                <div>\n                                                    <div class=\"flex items-end gap-1\">\n                                                        <span class=\"relative whitespace-nowrap text-40 lg:text-56 leading-100 font-medium -tracking-2\" data-toggle-target=\"pricing\" data-toggle-default=\"&euro;59\" data-toggle-checked=\"&euro;99\" data-toggle-animate=\"\" style=\"\"><span data-toggle-item=\"\" aria-label=\"&euro;59\" style=\"\"><div aria-hidden=\"true\" style=\"position: relative; display: inline-block;\"><div class=\"char-wrapper\" aria-hidden=\"true\" aria-label=\"&euro;\" style=\"position: relative; display: inline-block;\"><div class=\"char-inner\" aria-hidden=\"true\" style=\"position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0%);\">&euro;<\/div><\/div><div class=\"char-wrapper\" aria-hidden=\"true\" aria-label=\"5\" style=\"position: relative; display: inline-block;\"><div class=\"char-inner\" aria-hidden=\"true\" style=\"position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0%);\">5<\/div><\/div><div class=\"char-wrapper\" aria-hidden=\"true\" aria-label=\"9\" style=\"position: relative; display: inline-block;\"><div class=\"char-inner\" aria-hidden=\"true\" style=\"position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0%);\">9<\/div><\/div><\/div><\/span><\/span>\n\n                                                        <span class=\"text-content-1 ml-0.5\">\n                                                            \/&#1083;&#1080;&#1094;&#1077;&#1085;&#1079;&#1080;&#1103;\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <p class=\"leading-150 mt-5 md:mt-8\">\n                                                       &#1041;&#1099;&#1089;&#1090;&#1088;&#1086; &#1080; &#1085;&#1077;&#1076;&#1086;&#1088;&#1086;&#1075;&#1086;: &#1074;&#1099; &#1087;&#1086;&#1083;&#1091;&#1095;&#1072;&#1077;&#1090;&#1077; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085; &#1089; &#1080;&#1085;&#1089;&#1090;&#1088;&#1091;&#1082;&#1094;&#1080;&#1077;&#1081; &#1080; &#1087;&#1086;&#1076;&#1082;&#1083;&#1102;&#1095;&#1072;&#1077;&#1090;&#1077; &#1077;&#1075;&#1086; &#1089;&#1072;&#1084;&#1080;. &#1055;&#1086;&#1076;&#1086;&#1081;&#1076;&#1105;&#1090;, &#1077;&#1089;&#1083;&#1080; &#1074;&#1099; &#1080;&#1083;&#1080; &#1074;&#1072;&#1096; &#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1095;&#1080;&#1082; &#1091;&#1074;&#1077;&#1088;&#1077;&#1085;&#1085;&#1086; &#1088;&#1072;&#1073;&#1086;&#1090;&#1072;&#1077;&#1090;&#1077; &#1089; WordPress.\n                                                    <\/p>\n                                                <\/div>\n\n                                                <div class=\"flex flex-col gap-1 sm:gap-2 mt-8 sm:mt-0\">\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1055;&#1083;&#1072;&#1075;&#1080;&#1085; GDPR Cookie Consent by SDWSKi &#1080; &#1080;&#1085;&#1089;&#1090;&#1088;&#1091;&#1082;&#1094;&#1080;&#1103;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1041;&#1072;&#1085;&#1085;&#1077;&#1088; &#1087;&#1086; &#1090;&#1088;&#1077;&#1073;&#1086;&#1074;&#1072;&#1085;&#1080;&#1103;&#1084; GDPR (2016\/679)<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>Google Analytics 4 &#1080; GTM &#1090;&#1086;&#1083;&#1100;&#1082;&#1086; &#1087;&#1086;&#1089;&#1083;&#1077; &#1089;&#1086;&#1075;&#1083;&#1072;&#1089;&#1080;&#1103;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1057;&#1086;&#1075;&#1083;&#1072;&#1089;&#1080;&#1077; &#1079;&#1072;&#1087;&#1086;&#1084;&#1080;&#1085;&#1072;&#1077;&#1090;&#1089;&#1103; &#1085;&#1072; &#1089;&#1088;&#1086;&#1082; &#1076;&#1086; 13 &#1084;&#1077;&#1089;&#1103;&#1094;&#1077;&#1074;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1058;&#1105;&#1084;&#1085;&#1072;&#1103; &#1090;&#1077;&#1084;&#1072; &#1080; &#1072;&#1076;&#1072;&#1087;&#1090;&#1080;&#1074;&#1085;&#1072;&#1103; &#1074;&#1105;&#1088;&#1089;&#1090;&#1082;&#1072;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1059;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1082;&#1072; &#1080; &#1085;&#1072;&#1089;&#1090;&#1088;&#1086;&#1081;&#1082;&#1072;: &#1089;&#1072;&#1084;&#1086;&#1089;&#1090;&#1086;&#1103;&#1090;&#1077;&#1083;&#1100;&#1085;&#1086;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1054;&#1090;&#1074;&#1077;&#1090;&#1099; &#1085;&#1072; &#1074;&#1086;&#1087;&#1088;&#1086;&#1089;&#1099; &#1087;&#1086; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085;&#1091; [7 &#1076;&#1085;&#1077;&#1081;]<\/div>\n                                                    <\/div>\n                                                <\/div>\n\n                                                <div class=\"max-sm:order-2 self-end max-w-[36ch] text-12 uppercase leading-150 tracking-2 text-content-1 mt-8 lg:mt-0\">\n                                                    &#1044;&#1051;&#1071; &#1058;&#1045;&#1061;, &#1050;&#1058;&#1054; &#1043;&#1054;&#1058;&#1054;&#1042; &#1053;&#1040;&#1057;&#1058;&#1056;&#1054;&#1048;&#1058;&#1068; &#1057;&#1040;&#1052;&#1054;&#1057;&#1058;&#1054;&#1071;&#1058;&#1045;&#1051;&#1068;&#1053;&#1054;\n                                                <\/div>\n\n                                                <a href=\"https:\/\/sdwski.com\/contact\" class=\"button whitespace-nowrap hover-textSlide -lg -solid -button-type-1 mt-10 md:mt-15 lg:mt-20\">\n                                                    <span class=\"hover-textSlide__wrap\">\n                                                        <span class=\"hover-textSlide__text\">&#1050;&#1091;&#1087;&#1080;&#1090;&#1100; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085;<\/span>\n                                                    <\/span>\n                                                    <span class=\"hover-textSlide__dot size-1.5 md:size-2 rounded-full bg-current\"><\/span>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n                            <!-- Pricing card end -->\n\n\n                            <!-- Pricing card start -->\n                            <div class=\"grid-main gap-1 drop-shadow-card-1 col-span-full row-start-1 transition-all duration-400 opacity-0 pointer-events-none\" data-toggle-group-target=\"pricing\" data-toggle-group-option=\"Monthly\" data-toggle-group-class=\"opacity-0 pointer-events-none\">\n\n                                <div class=\"col-span-full lg:col-span-3 order-2 lg:order-1\">\n                                    <div class=\"flex lg:flex-col max-md:flex-col justify-between h-full rounded-24 bg-card-1 p-6 py-7 md:p-8 lg:p-10\">\n\n                                        <div>\n                                            <h3 class=\"text-18 md:text-20 font-medium\">\n                                              &#1055;&#1080;&#1082;&#1089;&#1077;&#1083;&#1080; &#1080; &#1076;&#1088;&#1091;&#1075;&#1080;&#1077; &#1089;&#1082;&#1088;&#1080;&#1087;&#1090;&#1099;\n                                            <\/h3>\n\n                                            <div class=\"max-w-[340px] leading-150 text-body-1 mt-4 lg:mt-6\">\n                                               &#1055;&#1086;&#1076;&#1082;&#1083;&#1102;&#1095;&#1091; Meta Pixel, &#1095;&#1072;&#1090;&#1099; &#1080; &#1076;&#1088;&#1091;&#1075;&#1080;&#1077; &#1089;&#1082;&#1088;&#1080;&#1087;&#1090;&#1099; &#1090;&#1072;&#1082;, &#1095;&#1090;&#1086;&#1073;&#1099; &#1086;&#1085;&#1080; &#1079;&#1072;&#1087;&#1091;&#1089;&#1082;&#1072;&#1083;&#1080;&#1089;&#1100; &#1090;&#1086;&#1083;&#1100;&#1082;&#1086; &#1087;&#1086;&#1089;&#1083;&#1077; &#1089;&#1086;&#1075;&#1083;&#1072;&#1089;&#1080;&#1103; &#1087;&#1086;&#1089;&#1077;&#1090;&#1080;&#1090;&#1077;&#1083;&#1103;.\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"flex flex-wrap items-center gap-5 max-md:mt-8 lg:mt-12\">\n                                            <div class=\"text-20 md:text-28 font-medium -tracking-2\">\n                                                + &euro; 60\n                                            <\/div>\n\n                                            <!-- <Switch data-toggle-name={data.toggleName} name={data.toggleName} \/> -->\n                                            <label class=\"switch\" data-cursor=\"\" data-toggle-name=\"pricing2\">\n                                                <span class=\"relative\">\n                                                    <input type=\"checkbox\" class=\"sr-only\">\n                                                    <span class=\"switch__item\"><\/span>\n                                                <\/span>\n                                            <\/label>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n\n\n                                <div class=\"col-span-full lg:col-span-9 order-1 lg:order-2\">\n                                    <div class=\"flex flex-col rounded-24 bg-card-1\">\n\n                                        <div class=\"p-6 md:p-8 lg:px-10\">\n                                            <div class=\"flex justify-between items-center font-medium leading-100 -tracking-2\">\n                                                <div class=\"text-16 sm:text-20\">\n                                                   &#1055;&#1083;&#1072;&#1075;&#1080;&#1085; + &#1091;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1082;&#1072; &#1080; &#1085;&#1072;&#1089;&#1090;&#1088;&#1086;&#1081;&#1082;&#1072; &#1087;&#1086;&#1076; &#1082;&#1083;&#1102;&#1095;\n                                                <\/div>\n\n                                                <div class=\"size-1.5 rounded-full bg-current\"><\/div>\n                                            <\/div>\n                                        <\/div>\n\n\n                                        <div class=\"w-full h-px bg-line-1\"><\/div>\n\n\n                                        <div class=\"p-6 py-7 md:p-8 lg:p-10\">\n                                            <div class=\"grid sm:grid-cols-[0.8fr_1fr] sm:gap-x-10 md:gap-x-20 2xl:gap-x-45\">\n                                                <div>\n                                                    <div class=\"flex items-end gap-1\">\n                                                        <span class=\"relative whitespace-nowrap text-40 lg:text-56 leading-100 font-medium -tracking-2\" data-toggle-target=\"pricing2\" data-toggle-default=\"&euro;149\" data-toggle-checked=\"&euro;209\" data-toggle-animate=\"\" style=\"\"><span data-toggle-item=\"\" aria-label=\"&euro;149\" style=\"\"><div aria-hidden=\"true\" style=\"position: relative; display: inline-block;\"><div class=\"char-wrapper\" aria-hidden=\"true\" aria-label=\"&euro;\" style=\"position: relative; display: inline-block;\"><div class=\"char-inner\" aria-hidden=\"true\" style=\"position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0%);\">&euro;<\/div><\/div><div class=\"char-wrapper\" aria-hidden=\"true\" aria-label=\"1\" style=\"position: relative; display: inline-block;\"><div class=\"char-inner\" aria-hidden=\"true\" style=\"position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0%);\">1<\/div><\/div><div class=\"char-wrapper\" aria-hidden=\"true\" aria-label=\"4\" style=\"position: relative; display: inline-block;\"><div class=\"char-inner\" aria-hidden=\"true\" style=\"position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0%);\">4<\/div><\/div><div class=\"char-wrapper\" aria-hidden=\"true\" aria-label=\"9\" style=\"position: relative; display: inline-block;\"><div class=\"char-inner\" aria-hidden=\"true\" style=\"position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0%);\">9<\/div><\/div><\/div><\/span><\/span>\n\n                                                        <span class=\"text-content-1 ml-0.5\">\n                                                            \/&#1089;&#1072;&#1081;&#1090;\n                                                        <\/span>\n                                                    <\/div>\n\n                                                    <p class=\"leading-150 mt-5 md:mt-8\">\n                                                       &#1071; &#1089;&#1072;&#1084; &#1091;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1083;&#1102; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085;, &#1087;&#1086;&#1076;&#1082;&#1083;&#1102;&#1095;&#1091; &#1072;&#1085;&#1072;&#1083;&#1080;&#1090;&#1080;&#1082;&#1091; &#1080; &#1087;&#1088;&#1086;&#1074;&#1077;&#1088;&#1102;, &#1095;&#1090;&#1086; &#1074;&#1089;&#1105; &#1088;&#1072;&#1073;&#1086;&#1090;&#1072;&#1077;&#1090; &#1087;&#1086; &#1087;&#1088;&#1072;&#1074;&#1080;&#1083;&#1072;&#1084;. &#1042;&#1072;&#1084; &#1086;&#1089;&#1090;&#1072;&#1105;&#1090;&#1089;&#1103; &#1090;&#1086;&#1083;&#1100;&#1082;&#1086; &#1076;&#1072;&#1090;&#1100; &#1076;&#1086;&#1089;&#1090;&#1091;&#1087; &#1082; &#1089;&#1072;&#1081;&#1090;&#1091;.\n                                                    <\/p>\n                                                <\/div>\n\n                                                <div class=\"flex flex-col gap-1 sm:gap-2 mt-8 sm:mt-0\">\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1055;&#1083;&#1072;&#1075;&#1080;&#1085; GDPR Cookie Consent by SDWSKi<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1059;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1082;&#1072; &#1085;&#1072; &#1074;&#1072;&#1096; &#1089;&#1072;&#1081;&#1090; &#1080; &#1087;&#1086;&#1076;&#1082;&#1083;&#1102;&#1095;&#1077;&#1085;&#1080;&#1077; GA4 &#1080;&#1083;&#1080; GTM<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1057;&#1089;&#1099;&#1083;&#1082;&#1072; &#1085;&#1072; &#1074;&#1072;&#1096;&#1091; Cookie Policy &#1080; &#1090;&#1077;&#1082;&#1089;&#1090;&#1099; &#1073;&#1072;&#1085;&#1085;&#1077;&#1088;&#1072;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1040;&#1076;&#1072;&#1087;&#1090;&#1072;&#1094;&#1080;&#1103; &#1087;&#1086;&#1076; &#1076;&#1080;&#1079;&#1072;&#1081;&#1085; &#1089;&#1072;&#1081;&#1090;&#1072; &#1080; &#1090;&#1105;&#1084;&#1085;&#1091;&#1102; &#1090;&#1077;&#1084;&#1091;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1055;&#1088;&#1086;&#1074;&#1077;&#1088;&#1082;&#1072;: &#1072;&#1085;&#1072;&#1083;&#1080;&#1090;&#1080;&#1082;&#1072; &#1085;&#1077; &#1075;&#1088;&#1091;&#1079;&#1080;&#1090;&#1089;&#1103; &#1076;&#1086; &#1089;&#1086;&#1075;&#1083;&#1072;&#1089;&#1080;&#1103;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1057;&#1086;&#1074;&#1084;&#1077;&#1089;&#1090;&#1080;&#1084;&#1086;&#1089;&#1090;&#1100; &#1089; &#1090;&#1077;&#1084;&#1086;&#1081; &#1080; &#1076;&#1088;&#1091;&#1075;&#1080;&#1084;&#1080; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085;&#1072;&#1084;&#1080;<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex items-center gap-2 text-14 md:text-16\">\n                                                        <div class=\"size-1.5 rounded-full bg-current\/50\"><\/div>\n                                                        <div>&#1055;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1072; &#1087;&#1086;&#1089;&#1083;&#1077; &#1079;&#1072;&#1087;&#1091;&#1089;&#1082;&#1072; [14 &#1076;&#1085;&#1077;&#1081;]<\/div>\n                                                    <\/div>\n                                                <\/div>\n\n                                                <div class=\"max-sm:order-2 self-end max-w-[36ch] text-12 uppercase leading-150 tracking-2 text-content-1 mt-8 lg:mt-0\">\n                                                   &#1043;&#1054;&#1058;&#1054;&#1042;&#1067;&#1049; &#1056;&#1045;&#1047;&#1059;&#1051;&#1068;&#1058;&#1040;&#1058;\n                                                <\/div>\n\n                                                <a href=\"https:\/\/sdwski.com\/contact\" class=\"button whitespace-nowrap hover-textSlide -lg -solid -button-type-1 mt-10 md:mt-15 lg:mt-20\">\n                                                    <span class=\"hover-textSlide__wrap\">\n                                                        <span class=\"hover-textSlide__text\">&#1047;&#1072;&#1082;&#1072;&#1079;&#1072;&#1090;&#1100; &#1089; &#1085;&#1072;&#1089;&#1090;&#1088;&#1086;&#1081;&#1082;&#1086;&#1081;<\/span>\n                                                    <\/span>\n                                                    <span class=\"hover-textSlide__dot size-1.5 md:size-2 rounded-full bg-current\"><\/span>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n                            <!-- Pricing card end -->\n\n                        <\/div>\n\n                    <\/div>\n                <\/section>\n                <!-- Section end -->\n\n\n                <div class=\"container\">\n                    <div class=\"w-full h-px bg-white\/15\"><\/div>\n                <\/div>\n\n\n                <!-- Section start -->\n                <section class=\"pt-section-md max-sm:pt-8 pb-section-lg\">\n                    <div class=\"container\">\n                        <div class=\"grid-main\" data-anim-container=\"\">\n\n                            <div class=\"col-span-full lg:col-span-3 mb-6 md:mb-8 lg:mb-0\">\n                                <div class=\"flex items-center gap-1 sm:gap-2\">\n                                    <div class=\"size-1 sm:size-1.5 rounded-full bg-current opacity-40\"><\/div>\n\n                                    <div class=\"text-12 md:text-14 leading-120 tracking-2 font-medium uppercase text-current opacity-50\">\n\n                                        &#1057;&#1051;&#1045;&#1044;&#1059;&#1070;&#1065;&#1048;&#1049; &#1064;&#1040;&#1043;\n\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n\n                            <div class=\"col-span-full lg:col-span-9 max-lg:-order-1 mb-15 lg:mb-20 xl:mb-25\">\n                                <div class=\"flex justify-between\">\n                                    <span class=\"text-12 sm:text-16 font-medium leading-120 uppercase -tracking-3\">\n                                        SDWSKi\n                                    <\/span>\n\n                                    <div class=\"relative flex justify-center items-center size-4 md:size-5 text-line-2\">\n                                        <div class=\"w-full border-[1.5px] border-current\"><\/div>\n                                        <div class=\"absolute w-full border-[1.5px] border-current rotate-90\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n\n                            <div class=\"col-span-full lg:col-[4\/span_9]\">\n                                <h2 data-anim=\"split-text delay-2\" class=\"max-w-[15ch] text-40 sm:text-60 lg:text-80 leading-100 font-medium\" aria-label=\"&#1053;&#1091;&#1078;&#1077;&#1085; cookie-&#1073;&#1072;&#1085;&#1085;&#1077;&#1088; &#1087;&#1086; GDPR?\"><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\"> &#1053;&#1091;&#1078;&#1077;&#1085; cookie-&#1073;&#1072;&#1085;&#1085;&#1077;&#1088; <\/div><\/div><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\">&#1087;&#1086; GDPR? <\/div><\/div><\/h2>\n\n                                <div class=\"mt-10 lg:mt-12 is-animated\" data-anim=\"slide-up delay-3\">\n                                    <a href=\"https:\/\/sdwski.com\/contact\" class=\"button whitespace-nowrap hover-textSlide -md -outline -button-type-1\">\n                                        <span class=\"hover-textSlide__wrap\">\n                                            <span class=\"hover-textSlide__text\">\n                                                &#1053;&#1072;&#1087;&#1080;&#1089;&#1072;&#1090;&#1100; &#1084;&#1085;&#1077;\n                                            <\/span>\n                                        <\/span>\n                                        <span class=\"hover-textSlide__dot size-1.5 md:size-2 rounded-full bg-current\"><\/span>\n                                    <\/a>\n                                <\/div>\n\n                                <div data-anim=\"line delay-4\" class=\"max-w-[540px] h-px mt-10 lg:mt-18 is-animated\"><\/div>\n\n                                <p class=\"max-w-98 mt-8 lg:mt-12\" data-anim=\"split-text delay-5\" aria-label=\"&#1050;&#1091;&#1087;&#1080;&#1090;&#1077; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085; &#1080; &#1085;&#1072;&#1089;&#1090;&#1088;&#1086;&#1081;&#1090;&#1077; &#1089;&#1072;&#1084;&#1080; &#1080;&#1083;&#1080; &#1079;&#1072;&#1082;&#1072;&#1078;&#1080;&#1090;&#1077; &#1091;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1082;&#1091; &#1087;&#1086;&#1076; &#1082;&#1083;&#1102;&#1095;. &#1053;&#1072;&#1087;&#1080;&#1096;&#1080;&#1090;&#1077;, &#1080; &#1103; &#1087;&#1086;&#1076;&#1089;&#1082;&#1072;&#1078;&#1091;, &#1082;&#1072;&#1082;&#1086;&#1081; &#1074;&#1072;&#1088;&#1080;&#1072;&#1085;&#1090; &#1087;&#1086;&#1076;&#1086;&#1081;&#1076;&#1105;&#1090; &#1074;&#1072;&#1096;&#1077;&#1084;&#1091; &#1089;&#1072;&#1081;&#1090;&#1091;.\"><\/p><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\"> &#1050;&#1091;&#1087;&#1080;&#1090;&#1077; &#1087;&#1083;&#1072;&#1075;&#1080;&#1085; &#1080; &#1085;&#1072;&#1089;&#1090;&#1088;&#1086;&#1081;&#1090;&#1077; &#1089;&#1072;&#1084;&#1080; &#1080;&#1083;&#1080; &#1079;&#1072;&#1082;&#1072;&#1078;&#1080;&#1090;&#1077; <\/div><\/div><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\">&#1091;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1082;&#1091; &#1087;&#1086;&#1076; &#1082;&#1083;&#1102;&#1095;. &#1053;&#1072;&#1087;&#1080;&#1096;&#1080;&#1090;&#1077;, &#1080; &#1103; &#1087;&#1086;&#1076;&#1089;&#1082;&#1072;&#1078;&#1091;, <\/div><\/div><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\">&#1082;&#1072;&#1082;&#1086;&#1081; &#1074;&#1072;&#1088;&#1080;&#1072;&#1085;&#1090; &#1087;&#1086;&#1076;&#1086;&#1081;&#1076;&#1105;&#1090; &#1074;&#1072;&#1096;&#1077;&#1084;&#1091; &#1089;&#1072;&#1081;&#1090;&#1091;. <\/div><\/div><p><\/p>\n\n                                <div class=\"flex gap-6 md:gap-10 lg:gap-15 mt-7 lg:mt-12\">\n                                    <div>\n                                        <div data-anim=\"split-text delay-8\" class=\"text-32 sm:text-40 -tracking-2 leading-120 font-medium\" aria-label=\"13 &#1084;&#1077;&#1089;.\"><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\"> 13 &#1084;&#1077;&#1089;. <\/div><\/div><\/div>\n\n                                        <p data-anim=\"split-text delay-10\" class=\"text-14 sm:text-16 leading-120 mt-2\" aria-label=\"&#1061;&#1088;&#1072;&#1085;&#1077;&#1085;&#1080;&#1077; &#1089;&#1086;&#1075;&#1083;&#1072;&#1089;&#1080;&#1103;\"><\/p><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\"> &#1061;&#1088;&#1072;&#1085;&#1077;&#1085;&#1080;&#1077; &#1089;&#1086;&#1075;&#1083;&#1072;&#1089;&#1080;&#1103; <\/div><\/div><p><\/p>\n                                    <\/div>\n                                    <div>\n                                        <div data-anim=\"split-text delay-8\" class=\"text-32 sm:text-40 -tracking-2 leading-120 font-medium\" aria-label=\"14 &#1076;&#1085;&#1077;&#1081;\"><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\"> 14 &#1076;&#1085;&#1077;&#1081; <\/div><\/div><\/div>\n\n                                        <p data-anim=\"split-text delay-10\" class=\"text-14 sm:text-16 leading-120 mt-2\" aria-label=\"&#1055;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1072; &#1087;&#1086;&#1089;&#1083;&#1077; &#1079;&#1072;&#1087;&#1091;&#1089;&#1082;&#1072;\"><\/p><div class=\"line-wrapper overflow-hidden\"><div class=\"line-inner\" aria-hidden=\"true\" style=\"position: relative; display: block; text-align: start; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);\"> &#1055;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1072; &#1087;&#1086;&#1089;&#1083;&#1077; &#1079;&#1072;&#1087;&#1091;&#1089;&#1082;&#1072; <\/div><\/div><p><\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                <\/section>\n                <!-- Section end -->\n\n            <\/div>\n<\/div><h3 class=\"wp-block-heading\">Two Ways to Get the Plugin<\/h3><h4 class=\"wp-block-heading\">Option 1. Buy the plugin and set it up yourself<\/h4><p class=\"wp-block-paragraph\">You receive the plugin and instructions. You then configure the analytics ID and Cookie Policy link yourself.<\/p><p class=\"wp-block-paragraph\"><strong>Advantages<\/strong><\/p><ul class=\"wp-block-list\">\n<li>The fastest and most affordable option.<\/li>\n\n\n\n<li>You have full control over the code and can customize it to suit your needs.<\/li>\n\n\n\n<li>A good fit if you or your developer are comfortable working with WordPress and FTP.<\/li>\n<\/ul><p class=\"wp-block-paragraph\"><strong>Cons<\/strong><\/p><ul class=\"wp-block-list\">\n<li>You are fully responsible for configuring everything correctly.<\/li>\n\n\n\n<li>You will need to prepare the Cookie Policy and legal wording yourself.<\/li>\n\n\n\n<li>If the site uses a custom theme or multiple tracking scripts, you will have to figure it out yourself.<\/li>\n\n\n\n<li>Support is limited to answering questions about the plugin.<\/li>\n<\/ul><h4 class=\"wp-block-heading\">Option 2. Plugin + Turnkey Setup<\/h4><p class=\"wp-block-paragraph\">I install the plugin on your site and configure it so that everything works properly.<\/p><p class=\"wp-block-paragraph\"><strong>Advantages<\/strong><\/p><ul class=\"wp-block-list\">\n<li>A ready-to-use solution without the hassle of dealing with code.<\/li>\n\n\n\n<li>Verification that analytics do not load before consent is given (using the browser's developer tools).<\/li>\n\n\n\n<li>Integration of your GA4 or GTM and, if necessary, other scripts via the consent event.<\/li>\n\n\n\n<li>Customization of the appearance to match your website, including dark mode.<\/li>\n\n\n\n<li>Compatibility testing with your theme and other plugins.<\/li>\n<\/ul><p class=\"wp-block-paragraph\"><strong>Cons<\/strong><\/p><ul class=\"wp-block-list\">\n<li>More expensive than Option 1.<\/li>\n\n\n\n<li>You will need to provide access to the website (I recommend creating a separate account with limited validity).<\/li>\n<\/ul><p class=\"wp-block-paragraph\"><strong>Not included in either option:<\/strong> legal advice and drafting a Cookie Policy. The plugin handles the technical aspect of the consent mechanism, but a lawyer must provide the legal assessment for your business.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A lightweight GDPR-compliant cookie consent banner. Analytics only starts after the visitor gives consent. About the project I developed Doberman Cookie Consent for websites on WordPress that need to legally collect statistics from EU visitors. The plugin requires no third-party services or subscriptions and does not load jQuery or external libraries. It is a single file that can be installed in just a couple of minutes. Why [&hellip;]<\/p>\n","protected":false},"featured_media":387,"menu_order":0,"template":"","meta":{"plinth_client":"","plinth_year":"2026","plinth_lang":"","plinth_timeline":"2 \u043d\u0435\u0434\u0435\u043b\u0438","plinth_video":"","plinth_poster":"","plinth_url":"","plinth_support":"","plinth_budget":""},"project_type":[13],"class_list":["post-187","project","type-project","status-publish","has-post-thumbnail","hentry","project_type-plugin-wordpress"],"_links":{"self":[{"href":"https:\/\/sdwski.com\/en\/wp-json\/wp\/v2\/project\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdwski.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/sdwski.com\/en\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sdwski.com\/en\/wp-json\/wp\/v2\/media\/387"}],"wp:attachment":[{"href":"https:\/\/sdwski.com\/en\/wp-json\/wp\/v2\/media?parent=187"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/sdwski.com\/en\/wp-json\/wp\/v2\/project_type?post=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}