Skip to main content

Pixel Builder

The Pixel Builder helps you generate tracking code for your website without writing code manually. It creates ready-to-copy snippets for conversions, microconversions, and pageviews.

Accessing Pixel Builder​

  1. Go to Settings → Pixels in the sidebar
  2. In the Saved Pixels section, click Create Pixel

Creating a Pixel​

Step 1: Name and Description​

Give your pixel a descriptive name (e.g., "Purchase Tracking", "Newsletter Signup") and an optional description.

Step 2: Choose Pixel Type​

Select the type of event to track:

TypePurposeFunction Generated
PageviewManual pageview (rarely needed — pageviews are automatic)sealmetrics()
ConversionGoal completions with monetary valuesealmetrics.conv()
MicroconversionUser interactions and funnel stepssealmetrics.micro()

Step 3: Configure the Event​

For Conversions:

  • Select a Conversion Type (purchase, signup, lead, etc.)
  • Set the Revenue value (use 0 for non-monetary conversions)
  • Set the Currency (EUR, USD, etc.)
  • Add custom Properties (optional key-value pairs)

For Microconversions:

  • Select a Conversion Type (add_to_cart, begin_checkout, etc.)
  • Add custom Properties (optional)

For Pageviews:

  • Add custom Properties (optional, e.g., content group)

Step 4: Select Target Platform​

Choose where you'll use the code:

PlatformOutput
JavaScriptPlain JavaScript snippet
GTMWrapped in <script> tags for Google Tag Manager Custom HTML
TealiumFormatted as a Tealium extension

Step 5: Copy the Generated Code​

The code preview updates in real time. Click Copy to copy it to your clipboard.

Generated Code Examples​

Conversion (JavaScript)​

sealmetrics.conv('purchase', 99.99, {
  currency: 'EUR'
});

Conversion with Dynamic Values​

For values that come from your platform (e.g., order total from your CMS), switch the value type from Literal to JS Variable or GTM Variable:

JS Variable:

sealmetrics.conv('purchase', orderTotal, {
  currency: orderCurrency
});

GTM Variable:

sealmetrics.conv('purchase', {{Order Total}}, {
  currency: '{{Currency}}'
});

Microconversion (JavaScript)​

sealmetrics.micro('add_to_cart', {
  product_id: 'SKU-123',
  price: '89.99'
});

Microconversion (GTM)​

<script>
sealmetrics.micro('add_to_cart', {
  product_id: '{{Product ID}}',
  price: '{{Product Price}}'
});
</script>

Pageview (JavaScript)​

sealmetrics();

Value Types​

When configuring revenue, currency, or property values, you can choose between:

TypeDescriptionExample
LiteralFixed value99.99, 'EUR'
JS VariableJavaScript variable nameorderTotal, document.getElementById('price').value
GTM VariableGoogle Tag Manager variable{{Order Total}}, {{Currency}}

Saved Pixels​

Saved pixels are stored per site. You can:

  • Edit a saved pixel to update its configuration
  • Copy the generated code at any time
  • Delete pixels you no longer need

Important Notes​

Tracker Must Be Installed First​

The Pixel Builder generates event-tracking code only. The base tracker script must already be installed on your page:

<script src="https://t.sealmetrics.com/t.js?id=YOUR_SITE_ID" defer></script>

See the Installation Guide for setup instructions.

Conversions Count as Pageviews​

Every conversion and microconversion event also counts as a pageview. Do not call sealmetrics() separately on the same page where you fire a conversion.

Wait for Tracker to Load​

If placing conversion code directly on a page (e.g., a thank-you page), wrap it in a load listener:

window.addEventListener('load', function() {
  sealmetrics.conv('purchase', 99.99, {
    currency: 'EUR'
  });
});

Debug Mode​

Add ?debug=1 to any page URL to see tracking events logged in the browser console:

https://yoursite.com/thank-you?debug=1