wpvishavjeet

<p>CookieVJ helps your website comply with GDPR and CCPA regulations by displaying a customizable cookie consent banner to inform visitors about cookie usage and obtain their consent. Now with Google Tag Manager integration for seamless analytics and marketing tag management.</p>
<h4>Why Choose CookieVJ?</h4>
<ul>
<li><strong>Zero Configuration Hassle</strong> – Works out of the box with sensible defaults</li>
<li><strong>Privacy First</strong> – GDPR and CCPA compliant by design</li>
<li><strong>Lightweight & Fast</strong> – Minimal JavaScript, no jQuery dependency</li>
<li><strong>Developer Friendly</strong> – Extensive hooks, filters, and clean code</li>
<li><strong>Translation Ready</strong> – Fully compatible with WPML, Polylang, and translation plugins</li>
</ul>
<h4>Core Features</h4>
<ul>
<li><strong>Easy Setup</strong> – Configure in minutes from Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> CookieVJ</li>
<li><strong>GDPR & CCPA Compliant</strong> – Meet privacy regulations without legal headaches</li>
<li><strong>Google Tag Manager Integration</strong> – Add your GTM container ID and manage tags based on consent</li>
<li><strong>Customizable Design</strong> – Choose colors, position, and button text to match your brand</li>
<li><strong>Multiple Positions</strong> – Display banner at bottom (full width), bottom left, or bottom right</li>
<li><strong>Lightweight Performance</strong> – Minimal impact on page load speed (< 5KB minified)</li>
<li><strong>Cookie-Based Storage</strong> – Uses proper browser cookies (not localStorage)</li>
<li><strong>Translation Ready</strong> – Fully translatable with .pot file included</li>
<li><strong>Clean Code</strong> – Object-oriented architecture following WordPress coding standards</li>
<li><strong>GeoIP Integration</strong> – Automatically fetch and log user country using a free GeoIP service</li>
<li><strong>Consent-Based Tag Loading</strong> – GTM tags respect user consent choices</li>
<li><strong>No External Dependencies</strong> – Everything runs on your server</li>
</ul>
<h4>Banner Customization Options</h4>
<ul>
<li>Enable/Disable cookie banner</li>
<li>Customize banner message (supports HTML)</li>
<li>Change accept/reject button text</li>
<li>Choose banner position (bottom full width, bottom left, bottom right)</li>
<li>Select background color with color picker</li>
<li>Select button color with color picker</li>
<li>Add Google Tag Manager container ID</li>
<li>Set cookie expiration time (filterable)</li>
</ul>
<h4>Google Tag Manager Integration</h4>
<p>The plugin integrates seamlessly with Google Tag Manager:</p>
<ul>
<li><strong>Simple Setup</strong> – Just add your GTM container ID (GTM-XXXXXXX) in the settings</li>
<li><strong>Consent-Based Loading</strong> – GTM script loads automatically only after user accepts cookies</li>
<li><strong>JavaScript API</strong> – Consent status available via <code>window.cookievjConsent</code> for conditional tag firing</li>
<li><strong>DataLayer Events</strong> – Automatic dataLayer push events for consent changes</li>
<li><strong>Consent Mode v2</strong> – Compatible with Google Consent Mode v2 for enhanced privacy</li>
<li><strong>No Code Required</strong> – Works immediately without custom JavaScript</li>
</ul>
<h4>Privacy & Compliance</h4>
<p>This plugin helps you display cookie consent notices but does not provide legal advice. Please consult with a legal professional to ensure your website complies with applicable privacy laws.</p>
<h4>Developer Information</h4>
<p>CookieVJ is built with developers in mind:</p>
<p><strong>Code Quality:</strong><br />
* Object-oriented architecture<br />
* PSR-4 autoloading<br />
* Proper sanitization and escaping<br />
* Nonce verification for security<br />
* Translation-ready with all strings wrapped<br />
* No jQuery dependency<br />
* Follows WordPress coding standards</p>
<h3>Support</h3>
<h4>Need Help?</h4>
<ul>
<li><strong>Bug Reports:</strong> <a href="https://github.com/vishavjeet-in/cookievj/issues" rel="nofollow ugc">GitHub Issues</a></li>
</ul>
<h3>Privacy Policy</h3>
<h4>Data Collection</h4>
<p>CookieVJ stores minimal data to function:</p>
<p><strong>GeoIP Service:</strong><br />
* Uses ipapi.co’s free GeoIP service to determine user country<br />
* Country code is logged temporarily for compliance targeting<br />
* No personally identifiable information (PII) is stored<br />
* No data is shared with third parties</p>
<h4>Third-Party Services</h4>
<ul>
<li><strong>GeoIP Data:</strong> Provided by <a href="https://ipapi.co/" rel="nofollow ugc">ipapi.co</a> (free tier)</li>
</ul>
<p><strong>Love CookieVJ?</strong> Please <a href="https://wordpress.org/support/plugin/cookievj/reviews/" rel="ugc">leave a review</a> ⭐⭐⭐⭐⭐</p>


CookieVJ – Cookie Notice & Consent Banner

Lightweight GDPR & CCPA compliant cookie notice with customizable consent banner and Google Tag Manager integration.

Openmost

<p>Elevate your website analytics with the DataLayer plugin!<br />
This robust plugin creates a fully populated and standardized dataLayer object, ensuring seamless integration with both Google Tag Manager and Matomo Tag Manager.</p>
<ul>
<li>Instant Setup: Automatically generates and populates a dataLayer object with essential website and user interaction data.</li>
<li>Universal Compatibility: Works flawlessly with Google Tag Manager and Matomo Tag Manager, making it easier to manage your tagging needs.</li>
<li>Customizable Data: Easily add or modify data points to fit your specific tracking requirements.</li>
<li>Performance Optimized: Lightweight and optimized for speed to ensure your site remains fast and responsive.</li>
</ul>
<p>Get a quick look at all the generated structures!</p>
<h4>Archive page `dataLayer` structure</h4>
<p>Easy access to your archive data with a standard event name and subject.</p>
<pre><code>{
    "event": "view_archive_date", //_date may be replaces with _tax value
    "page": {
        "type": "archive",
        "title": "january 2025 - Example",
        "url": "https://example.com/2025/01",
        "path": "2025/01",
        "locale": "en_US",
        "archive_type": "date",
        "taxonomy": false,
        "post_type": false,
        "date": {
            "year": 2025,
            "month": 1,
            "day": null
        }
    }
}
</code></pre>
<h4>Author page `dataLayer` structure</h4>
<p>Easy access to all author details on his archive page.</p>
<pre><code>{
    "event": "view_author",
    "page": {
        "id": 1,
        "nickname": "openmost",
        "display_name": "openmost",
        "first_name": "Ronan",
        "last_name": "HELLO",
        "description": "The creator of this super plugin",
        "type": "author",
        "url": "https://example.com/author/openmost",
        "path": "author/openmost",
        "title": "Author: openmost"
    }
}
</code></pre>
<h4>Error page `dataLayer` structure</h4>
<p>This <code>dataLayer</code> structure allows you to easily track the 404 error and detect the referring page that led to this error.<br />
What a great trick yeah?</p>
<pre><code>{
    "event": "view_error_404",
    "page": {
        "type": "error",
        "title": "Page not found - Website",
        "url": "https://example.com/url-that-encountered-a-404-error",
        "path": "/url-that-encountered-a-404-error",
        "locale": "en_US",
        "error_type": "404",
        "http_status_code": 404
    }
}
</code></pre>
<h4>Search results page `dataLayer` structure</h4>
<p>The search key in this object allows you to get the search term and total results to detect invalid searches.<br />
Very useful for Matomo Tag Manager, and nice hack for Google Tag Manager.</p>
<pre><code>{
    "event": "view_search_results",
    "page": {
        "type": "search",
        "url": "https://example.com",
        "path": "",
        "title": "You searched for Demo - Example",
        "locale": "en_US"
    },
    "search": {
        "search": "Demo",
        "search_cat": "",
        "search_count": 3,
        "query": "Demo",
        "found_posts": 3,
        "post_count": 3
    }
}
</code></pre>
<h4>Home, Post Type `dataLayer` structure (blog posts, custom post type single page)</h4>
<p>The following structure is generated for a single post page, but it automatically adapts to your custom post type, page, etc.</p>
<pre><code>{
    "event": "view_single_post",
    "page": {
        "type": "post",
        "id": 1,
        "url": "https://example.com/blog/super-article-path",
        "path": "/blog/super-article-path",
        "title": "Super article title | Example",
        "locale": "en_US",
        "is_home": false,
        "is_front_page": false,
        "post_name": "super-article-path",
        "post_title": "Super article title",
        "post_excerpt": "",
        "post_status": "publish",
        "post_date": "2024-08-17 13:30:00",
        "post_date_gmt": "2024-08-17 13:30:00",
        "post_modified": "2024-08-17 13:30:00",
        "post_modified_gmt": "2024-08-17 13:30:00",
        "post_type_name": "post",
        "post_type_label": "Posts",
        "post_type": {
            "name": "post",
            "label": "Posts",
            "label_singular": "Post",
            "label_plural": "Posts",
            "description": "The super post type description"
        },
        "guid": "https://example.com/?p=1",
        "post_mime_type": false,
        "comment_status": "open",
        "comment_count": "0",
        "author": {
            "id": 1,
            "nickname": "openmost",
            "display_name": "openmost",
            "first_name": "Ronan",
            "last_name": "HELLO",
            "description": "The creator of this super plugin"
        },
        "taxonomies": {
            "category": {
                "name": "category",
                "label": "Categories",
                "description": "",
                "object_type": [
                    "post"
                ],
                "terms": {
                    "Uncategorized": {
                        "term_id": 1,
                        "slug": "uncategorized",
                        "name": "Uncategorized",
                        "term_group": 0,
                        "term_taxonomy_id": 1,
                        "taxonomy": "category",
                        "description": "",
                        "parent": 0,
                        "count": 1,
                        "filter": "raw"
                    }
                },
                "primary_term": [] //Filled only with YoastSEO plugin
            }
        },
        "category": [
            "Uncategorized"
        ],
        "page_template": ""
    }
}
</code></pre>
<h4>Term and taxonomy page `dataLayer` structure</h4>
<pre><code>{
    "event": "view_archive_category", // this event name changed for every taxonomy
    "page": {
        "type": "archive",
        "title": "Uncategorized archives - Example",
        "url": "https://example.com/blog/category/uncategorized",
        "path": "blog/category/uncategorized",
        "locale": "en_US",
        "archive_type": "taxonomy",
        "taxonomy": "category",
        "post_type": "category",
        "date": {
            "year": null,
            "month": null,
            "day": null
        }
    }
}
</code></pre>
<h4>Pagination `dataLayer` structure</h4>
<p>The <code>pagination</code> object structure is automatically added to all pages that have pagination.</p>
<p>Easy access to your pagination data, detect if users are using your pagination as much as you want.</p>
<pre><code>{
    pagination: {
        "posts_per_page": 10,
        "post_count": 1,
        "paged": true,
        "page_number": 2,
        "max_num_pages": 5
    }
}
</code></pre>
<h4>Authenticated user `dataLayer` structure</h4>
<p>The <code>user</code> object is automatically added to all page when user is logged in.</p>
<p>User hashed data with SHA256 is very useful for GDPR consent with Google Ads services and user provided data.</p>
<pre><code>{
    user: {
        "id": 1,
        "user_login": "openmost",
        "user_nicename": "Openmost",
        "user_email": "no-reply@openmost.io",
        "user_registered": "2024-01-01 12:00:00",
        "display_name": "openmost",
        "roles": [
            "administrator"
        ],
        "sha256_id": "6b86b273ff34fce19d6b804eff5a3f5747ada4eaa22f1d49c01e52ddb7875b4b",
        "sha256_user_login": "b2754b994c2fb636d1943ac0170f4ea192a891fb0f09cfdd100a9ffa983f053d",
        "sha256_user_email": "679d031c25e557ee84ca86ecaf333ccd8d3d1a3900ee728da83d79a819daf535"
    }
}
</code></pre>
<h4>Plugin : Contact Form 7 `dataLayer` structure</h4>
<p>This plugin automatically detects the use of WP Contact Form 7.<br />
No configuration needed.</p>
<p>Form submitted</p>
<pre><code>{
    "event": "wpcf7_submit",
    "wpcf7_form_id": 145,
    "wpcf7_form_detail": {} // See wpcf7_form_details below
}
</code></pre>
<p>Form with invalid fields</p>
<pre><code>{
    "event": "wpcf7_invalid",
    "wpcf7_form_id": 145,
    "wpcf7_form_detail": {} // See wpcf7_form_details below
}
</code></pre>
<p>Form spamming detected</p>
<pre><code>{
    "event": "wpcf7_spam",
    "wpcf7_form_id": 145,
    "wpcf7_form_detail": {} // See wpcf7_form_details below
}
</code></pre>
<p>Email sent successfully</p>
<pre><code>{
    "event": "wpcf7_mail_sent",
    "wpcf7_form_id": 145,
    "wpcf7_form_detail": {} // See wpcf7_form_details below
}
</code></pre>
<p>Failed to send mail</p>
<pre><code>{
    "event": "wpcf7_mail_failed",
    "wpcf7_form_id": 145,
    "wpcf7_form_detail": {} // See wpcf7_form_details below
}
</code></pre>
<p>As each event handles <code>wpcf7_form_details</code>, here is an example of the object values when the form is submitted with invalid fields.</p>
<pre><code>"wpcf7_form_detail": {
        "contactFormId": 145,
        "pluginVersion": "6.0.3",
        "contactFormLocale": "en_US",
        "unitTag": "wpcf7-xxxxxx",
        "containerPostId": 0,
        "status": "validation_failed",
        "inputs": [
            {
                "name": "your-message",
                "value": ""
            },
            {
                "name": "your-name",
                "value": ""
            },
            // All other inputs
        ],
        "formData": {},
        "apiResponse": {
            "contact_form_id": 145,
            "status": "validation_failed",
            "message": "One or more fields contain an error. Please check and try again.",
            "invalid_fields": [
                {
                    "field": "your-name",
                    "message": "Please complete this field..",
                    "idref": "last_name",
                    "error_id": "wpcf7-f145-o1-ve-your-name"
                },
                {
                    "field": "your-first-name",
                    "message": "Please complete this field.",
                    "idref": "first_name",
                    "error_id": "wpcf7-f145-o1-ve-your-first-name"
                },
                // All other invalid fields
            ],
            "posted_data_hash": "",
            "into": "#wpcf7-f145-o1"
        }
    }
</code></pre>
<h4>Plugin : WP Forms `dataLayer` structure</h4>
<pre><code>{
    event: 'wp_forms_submit',
    wp_forms_form_detail: {} // the HTML tag found in DOM
}
</code></pre>


DataLayer for GTM and Matomo

Add contextual information to dataLayer for GTM and MTM

CookieVJ – Cookie Notice & Consent Banner vs DataLayer for GTM and Matomo