🍪 New: Build compliant cookies instantly with our Cookie Creator & Cookie Checker – 100% free! Try it now →

Multi-Platform Deployment Guide

Frictionless privacy configurations across modern web infrastructure, frameworks, and CMS engines.

Google Tag Manager ● LIVE

Deploy CookiePrime instantly via our lightweight custom template container, enabling complete Google Consent Mode v2 support without changing your core source code.

Step-by-Step GTM Installation

  1. Download the custom CookiePrime Tag Template definition file using the secure button link below.
  2. Open your Google Tag Manager dashboard container, go to Templates, click New under Tag Templates. To publish the template, click on the 3 dots (More menu) and select Import. Upload the downloaded `.tpl` file and save.
  3. Go to Tags, click New, and select the newly imported CookiePrime CMP definition block. Enter your unique API Key.
  4. Banner Trigger: Set the tag trigger to fire on Consent Initialization - All Pages. This ensures the banner fires first on all pages before any tracking occurs.
  5. Analytics Trigger: Ensure your analytics and marketing tags (e.g., GA4, Facebook Pixel) are set to trigger on standard All Pages (NOT Initialization) so they do not interfere with the banner.
  6. Save your configurations, then click Submit and Publish your workspace.

Advanced Consent Mode v2 Support

The template automatically configures the 4 native core Google signals (ad_storage, analytics_storage, ad_user_data, and ad_personalization) in their secure default state, applying a standard wait_for_update: 500ms fallback window to eliminate latency drop-offs.

Download GTM Template Archive (.tpl)

Shopify Storefront ● LIVE

Configure automated privacy tracking layers over your storefront blocks via the Shopify GraphQL Billing and Customer Privacy API systems.

Storefront Activation Flow

  1. Search for CookiePrime inside the official Shopify App Store marketplace and trigger Install.
  2. Upon workspace authorization, our service automatically applies your unified flat-rate license of $6.00/mo.
  3. Approve the subscription terms on the automated billing confirmation screen to authorize deployment.
  4. Paste your API Key (Domain ID) into the designated field within the app UI and click Save.
  5. Navigate to your Shopify store's frontend. The CookiePrime consent banner will now render successfully.

BigCommerce ● LIVE

Secure your BigCommerce storefront with automated, seamlessly integrated privacy enforcement using our unified dashboard.

Installation & Configuration Steps

To configure your consent intelligence banner, follow these exact steps:

  1. Search for CookiePrime in the official BigCommerce App Marketplace.
  2. Install the app and authorize the connection to your store.
  3. Follow the guided onboarding to select your banner template.
  4. Your store will automatically inject the required compliance scripts without any manual coding.

WordPress Plugin Directory ● LIVE

Inject global cookie consent rules directly through our native, approved WordPress plugin architecture with full WP Consent API interoperability.

Plugin Activation Steps

  1. Navigate to your WordPress core administration dashboard section, open Plugins > Add New, and search for "CookiePrime".
  2. Click Install Now and activate the verified bundle.
  3. Open Settings > CookiePrime inside your administrative workspace navigation panel.
  4. Paste your unique API Key (Domain ID) into the configuration box and click save to activate your tracking banner across storefront loops.

React / Next.js SDK ● LIVE (v1.0.1)

An SSR-safe, global React package optimizing runtime evaluation layers and component hooks across modern node execution stacks.

SDK Implementation

Pull our validated production distribution package directly via your terminal registry:

npm install @cookieprime/react-consent

1. Initialize Wrapper Provider Context

Wrap your primary target layout structure inside our global context layer:

import { CookiePrimeProvider } from '@cookieprime/react-consent'; export default function RootLayout({ children }) { return ( <html lang="en"> <body> <CookiePrimeProvider apiKey="YOUR_API_KEY"> {children} </CookiePrimeProvider> </body> </html> ); }

2. Enforce Script Checks with Custom Hooks

Conditionally gate non-essential analytics script blocks right inside your reactive rendering loops:

import { useConsent } from '@cookieprime/react-consent'; export default function AnalyticsTracker() { const { consent } = useConsent(); if (!consent?.analytics) return null; return <script src="https://example.com/tracker.js" />; }

Custom HTML Script Injection ● LIVE

Copy and paste a single asynchronous content asset tag into your core site markup to instantiate automatic tracking intercept definitions.

Header Script Block

Paste the following script element directly at the absolute top of your website's primary <head> template block. To prevent data leakage, ensure this element processes before other inline tracking elements.

<!-- Global CookiePrime Privacy Architecture Engine --> <script src="https://storage.googleapis.com/cookieprime_bucket/public/loader.js" data-id="YOUR_SITE_ID_OR_API_KEY"> </script>

Replace the placeholder data-id parameter string with your real dashboard license key to establish a secure client connection.