Skip to main content

Google Tag Manager Template

The Sealmetrics GTM Template allows you to install and configure Sealmetrics tracking on your website directly from Google Tag Manager, without writing any code. Track pageviews, conversions, and microconversions with full attribution — all while maintaining GDPR compliance.

Features​

  • No-code installation — Configure everything through GTM's visual interface
  • Three event types — Pageviews, microconversions, and conversions
  • Custom properties — Attach additional data to any event
  • Cookieless tracking — GDPR-compliant analytics without consent banners
  • Automatic SPA support — The tracker detects History API navigation automatically

Installation Options​

You have two ways to install the Sealmetrics template:

Pending Review

The Sealmetrics template has been submitted to Google's Community Template Gallery and is currently pending review. Once approved, you'll be able to install it directly from within GTM.

Once approved, to install from the Gallery:

  1. In Google Tag Manager, go to Templates in the left sidebar
  2. Click Search Gallery in the Tag Templates section
  3. Search for "Sealmetrics"
  4. Click on the template and then Add to workspace
  5. Confirm by clicking Add

Option 2: Manual Import (Available Now)​

You can import the template manually right now:

  1. Download the template file:

    Download template.tpl

    Or clone the repository:

    git clone https://github.com/sealmetrics/gtm-template.git

  2. In Google Tag Manager, go to Templates in the left sidebar

  3. In the Tag Templates section, click New

  4. Click the three dots menu (⋮) in the top-right corner

  5. Select Import

  6. Choose the downloaded template.tpl file

  7. Click Save to add the template to your workspace

Configuration​

Once the template is installed, you can create tags using it.

Creating a New Tag​

  1. Go to Tags in the left sidebar
  2. Click New
  3. Click on Tag Configuration
  4. Select Sealmetrics Tracking from the list
  5. Configure the tag settings (see below)
  6. Add a Trigger (e.g., "All Pages" for pageviews)
  7. Save the tag

Tag Settings​

Event Type​

Choose what type of event to track:

Event TypeUse CaseExample
PageviewTrack page loadsEvery page visit
MicroconversionTrack intermediate actionsAdd to cart, form start, video play
ConversionTrack completed goalsPurchase, lead form submit, signup

Site ID (Required)​

Your Sealmetrics Site ID. Find it in your Sealmetrics dashboard under Settings.

Finding Your Site ID
  1. Log in to Sealmetrics
  2. Go to Settings → Sites
  3. Click on your site
  4. Your Site ID is displayed in the General tab

Pixel URL​

The base URL of the Sealmetrics pixel service. Default: https://t.sealmetrics.com.

Only change this if you are using a custom pixel domain. Most users should leave the default value.

Event Label (Microconversions & Conversions)​

A descriptive name for the event. Use clear, consistent naming:

  • purchase — For completed orders
  • add_to_cart — For add-to-cart clicks
  • lead_form_submit — For lead generation
  • newsletter_signup — For email subscriptions
  • checkout_step_1, checkout_step_2 — For funnel steps

Conversion Value (Conversions only)​

The monetary value of the conversion. For e-commerce, this is typically the order total.

You can use a GTM variable to dynamically pass the value:

  • Create a Data Layer Variable for your order total
  • Reference it like {{Order Total}}

Content Grouping (Pageviews only)​

Optional. Group pages by category for better analytics:

  • blog — Blog posts
  • product — Product pages
  • category — Category listings
  • checkout — Checkout flow pages
  • landing — Landing pages

Custom Properties​

Add key-value pairs to attach additional data to events:

Property NameProperty ValueUse Case
product-idSKU12345Track which product was purchased
product-nameBlue WidgetHuman-readable product name
payment-methodcredit_cardPayment analytics
coupon-codeSAVE20Track promo code usage

Use kebab-case for property names (e.g., product-id, not productId).

Complete Setup Examples​

Example 1: Basic Pageview Tracking​

Track all page loads on your website:

Tag Configuration:

  • Event Type: Pageview
  • Site ID: Your account ID
  • Content Grouping: (optional) Use a variable like {{Page Type}}

Trigger: All Pages

The tracker automatically handles SPA (Single Page Application) navigation. You only need one pageview tag — the tracker detects URL changes via the History API and tracks them automatically.

Example 2: E-commerce Purchase Tracking​

Track completed purchases with order value:

Tag Configuration:

  • Event Type: Conversion
  • Site ID: Your account ID
  • Event Label: purchase
  • Conversion Value: {{Order Total}} (Data Layer variable)
  • Custom Properties:
    • payment-method → {{Payment Method}}

Trigger: Custom Event — purchase or Thank You Page view

Example 3: Add to Cart Microconversion​

Track when users add products to their cart:

Tag Configuration:

  • Event Type: Microconversion
  • Site ID: Your account ID
  • Event Label: add_to_cart
  • Custom Properties:
    • product-id → {{Product ID}}
    • product-name → {{Product Name}}

Trigger: Custom Event — add_to_cart click

Example 4: Lead Form Submission​

Track contact form submissions:

Tag Configuration:

  • Event Type: Conversion
  • Site ID: Your account ID
  • Event Label: lead_form_submit

Trigger: Form Submission on contact page

Using Data Layer Variables​

For dynamic values (order totals, product IDs, etc.), push data to the GTM Data Layer and create variables.

Push Data to Data Layer​

Add this code when an event occurs (e.g., on your thank-you page):

<script>
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    event: 'purchase',
    orderTotal: 149.99,
    paymentMethod: 'credit_card'
  });
</script>

Create Data Layer Variables in GTM​

  1. Go to Variables → New
  2. Choose Data Layer Variable
  3. Set Data Layer Variable Name to orderTotal
  4. Name it Order Total and save
  5. Repeat for other values (paymentMethod, etc.)

Use Variables in Your Tag​

Reference variables in your tag configuration:

  • Conversion Value: {{Order Total}}
  • Custom Properties: payment-method → {{Payment Method}}

Testing Your Setup​

Preview Mode​

  1. Click Preview in GTM
  2. Navigate your website
  3. Verify tags fire on the correct pages/events
  4. Check that values are passed correctly

Debug in Sealmetrics​

  1. Log in to Sealmetrics
  2. Go to your account dashboard
  3. Check Real-time data to see incoming events
  4. Verify pageviews and conversions appear correctly

Browser Developer Tools​

  1. Open Developer Tools (F12)
  2. Go to the Network tab
  3. Filter by sealmetrics
  4. Verify that t.js loads and event requests are sent with correct parameters

Troubleshooting​

Tag not firing​

  1. Check your Trigger configuration
  2. Verify the trigger conditions match the page/event
  3. Use GTM Preview mode to debug

Values not passing correctly​

  1. Verify Data Layer variables are configured correctly
  2. Check that data is pushed before the tag fires
  3. Test variable values in Preview mode

No data in Sealmetrics​

  1. Verify your Site ID is correct
  2. Check that tags are firing (use Preview mode)
  3. Wait a few minutes — data may take time to appear
  4. Ensure your website domain is registered in Sealmetrics

Resources​

Support​

Need help with the GTM template?