Multi-Platform Deployment Guide

Step-by-Step GTM Installation

CookiePrime is published directly in the Google Tag Manager Community Template Gallery. No file download is required.

1. In your GTM container, open the Templates section.
2. In the Tag Templates panel, click Search Gallery.
3. Search for CookiePrime and select the official CookiePrime CMP template.
4. Click Add to workspace and confirm the permissions the template requests.
5. Go to Tags → New, choose the imported CookiePrime CMP template, and enter your API Key.
6. 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.
7. 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.
8. 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.

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.

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.

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.

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" />; }

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.