Install Google Tag Manager on Jimdo | OpsBlu Docs

Install Google Tag Manager on Jimdo

How to install GTM on Jimdo Creator and Jimdo Dolphin using Head/Body code injection for centralized tag management.

Google Tag Manager (GTM) is the recommended method for managing analytics and marketing tags on Jimdo. This guide covers installation for both Jimdo Creator and Jimdo Dolphin, including best practices.

Why Use GTM on Jimdo?

Benefits:

  • Manage all tags from one interface (GA4, Meta Pixel, etc.)
  • No code changes required after initial installation
  • Better performance (single container vs multiple scripts)
  • Easier for marketers to update without developer help
  • Built-in debugging and preview tools
  • Version control and workspace management

Jimdo-Specific Advantages:

  • Overcome Jimdo's limited code access (especially Dolphin)
  • Create custom data layer for tracking
  • Implement complex event tracking without theme editing
  • Easier consent management
  • Single point of control for all tracking pixels

Installation Process

Step 1: Create GTM Account and Container

  1. Go to Google Tag Manager

  2. Create Account (or use existing)

    • Account Name: Your company name
    • Country: Your location

  3. Create Container

    • Container Name: Your Jimdo domain (e.g., mysite.jimdosite.com)
    • Target Platform: Web

  4. Accept Terms of Service

  5. Copy Container Code

    You'll see two code snippets:

    • Head snippet: Goes in <head> section
    • Body snippet: Goes in <body> section

    Your Container ID will look like: GTM-XXXXXXX

Step 2: Install GTM on Jimdo Creator

For Jimdo Creator, you have full access to Head and Body code sections.

Add Head Code

  1. Log in to Jimdo
  2. Edit your website
  3. Go to Settings → Edit Head (or SEO section)
  4. Add GTM Head snippet:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

Replace GTM-XXXXXXX with your actual Container ID.

  1. Save

Add Body Code

The Body snippet placement varies by Jimdo Creator version:

Method 1: Using Body Code Section (if available)

  1. Go to Settings → Analytics or Body Code
  2. Paste the noscript snippet:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  1. Save

Method 2: Using HTML Widget (alternative)

If you don't have direct Body code access:

  1. Add HTML widget to your site (appears on all pages)
  2. Paste the noscript snippet in the widget
  3. Place widget at top of page (before other content)
  4. Make widget visible on all pages

Note: The noscript fallback is less critical and mainly for browsers with JavaScript disabled.

Step 3: Install GTM on Jimdo Dolphin

Jimdo Dolphin has more limited code access.

Add to Head Section

  1. Log in to Jimdo
  2. Edit your website
  3. Go to Settings → Analytics
  4. Find Tracking Code section
  5. Paste GTM Head snippet in the Head code field:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->
  1. Save

Add Body Code (if available)

If Jimdo Dolphin provides a Body code section:

  1. In Analytics settings, look for Body code field
  2. Paste the noscript snippet:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  1. Save

Note: If no Body code section is available, the Head snippet alone will work for most tracking purposes.

Step 4: Publish Changes

  1. Save all changes in Jimdo
  2. Publish your website
  3. Clear browser cache

Verification

1. Use GTM Preview Mode

  1. In GTM, click Preview button (top right)
  2. Enter your Jimdo website URL
  3. Click Connect
  4. Your site opens in debug mode
  5. GTM Tag Assistant appears showing container status

Verify:

  • Container loaded successfully
  • Page view event fires
  • Container ID matches

2. Check Browser Console

  1. Visit your Jimdo site
  2. Open browser Developer Tools (F12)
  3. Go to Console tab
  4. Type:
console.log(window.google_tag_manager);
  1. Should return GTM object with your container ID

3. View Source

  1. Right-click on your Jimdo page → View Page Source
  2. Search for GTM- (Ctrl/Cmd + F)
  3. Verify GTM code is present in HTML
  4. Check Container ID is correct

4. Test on Multiple Pages

Verify GTM loads on:

  • Home page
  • About/Services pages
  • Contact page
  • Blog posts
  • Store pages (if applicable)

Configure GTM for Jimdo

Once GTM is installed, set it up to work effectively with Jimdo.

1. Enable Built-in Variables

In GTM:

  1. Go to Variables → Configure
  2. Enable these built-in variables:
    • Page URL
    • Page Path
    • Page Hostname
    • Referrer
    • Click Element
    • Click Classes
    • Click ID
    • Click URL
    • Click Text
    • Form Element
    • Form Classes
    • Form ID

2. Create Custom Data Layer

Since Jimdo doesn't provide a native data layer, create your own.

Add to Jimdo Head section (before GTM code):

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'pageType': 'homepage', // Change per page: 'product', 'contact', etc.
  'platform': 'jimdo',
  'siteVersion': 'creator' // or 'dolphin'
});
</script>

Then add GTM code after this.

3. Create Data Layer Variables in GTM

  1. GTM → Variables → New
  2. Variable Type: Data Layer Variable
  3. Data Layer Variable Name: pageType
  4. Name: DLV - Page Type
  5. Save

Repeat for other data layer values.

4. Set Up Basic Triggers

Page View Trigger:

  • Already exists as "All Pages"
  • Fires on every page load

Custom Triggers (examples):

Button Click:

  1. Triggers → New
  2. Type: Click - All Elements
  3. Some Clicks: Click Classes contains cc-button (Jimdo Creator) or c-button (Dolphin)
  4. Name: Click - CTA Buttons
  5. Save

Form Submission:

  1. Triggers → New
  2. Type: Form Submission
  3. All Forms or specific form conditions
  4. Name: Form - Contact Submit
  5. Save

5. Create Your First Tags

GA4 Configuration Tag

  1. Tags → New
  2. Tag Configuration → Google Analytics: GA4 Configuration
  3. Measurement ID: G-XXXXXXXXXX
  4. Triggering: All Pages
  5. Name: GA4 - Configuration
  6. Save

Meta Pixel Tag

  1. Tags → New
  2. Tag Configuration → Custom HTML
  3. Add Meta Pixel code:
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');

fbq('init', 'YOUR_PIXEL_ID');
fbq('track', 'PageView');
</script>
  1. Triggering: All Pages
  2. Name: Meta Pixel - Base Code
  3. Save

6. Publish Container

  1. Click Submit (top right in GTM)
  2. Version Name: "Initial Jimdo Setup"
  3. Version Description: "GTM installed on Jimdo with GA4 and Meta Pixel"
  4. Click Publish

Jimdo-Specific Considerations

Platform Differences

Feature Creator Dolphin
Head code access Full Limited
Body code access Full Limited/None
Page-specific code Yes No
HTML widgets Yes Limited
Custom selectors Full control Theme-dependent

Finding Jimdo Element Selectors

Since Jimdo themes vary, use browser Developer Tools:

  1. Right-click element → Inspect
  2. View element's classes and IDs
  3. Use in GTM triggers

Common Jimdo Creator selectors:

.cc-button /* Buttons */
.cc-form /* Forms */
.cc-content /* Content areas */
.cc-header /* Header */

Common Jimdo Dolphin selectors:

.c-button /* Buttons */
.c-form /* Forms */

Your theme may differ - always inspect elements to verify.

Data Layer Best Practices

Since Jimdo doesn't have native data layer:

  1. Create data layer push on each page type
  2. Use GTM variables to capture values
  3. Implement in Head code (global) or per page (Creator only)

Example for product page (Creator):

<script>
dataLayer.push({
  'pageType': 'product',
  'productName': 'Product Name',
  'productPrice': 99.99,
  'productId': '12345'
});
</script>

Add before GTM code in page Head section.

Performance Optimization

1. Minimize Container Size

  • Remove unused tags, triggers, and variables
  • Avoid too many tags on single trigger
  • Use tag sequencing for dependent tags
  • Keep container under 200KB when possible

2. Async Loading

GTM loads asynchronously by default - don't modify unless necessary.

3. Monitor Impact

GTM can impact performance if not optimized:

4. Consolidate Tracking

Instead of multiple scripts in Jimdo:

  • Install only GTM in Head section
  • Add all tracking pixels through GTM
  • Remove redundant direct implementations

Troubleshooting

GTM Container Not Loading

Check:

  1. Container ID is correct (GTM-XXXXXXX)
  2. Code is in Head section (not just Body)
  3. Code is before closing </head> tag
  4. No JavaScript errors blocking execution
  5. Jimdo changes saved and published
  6. Browser cache cleared

Verify:

// In browser console
console.log(window.google_tag_manager);
// Should show object, not undefined

Data Layer Not Working

Cause: Data layer code added after GTM code.

Fix: Data layer must be initialized before GTM:

<!-- 1. Data Layer (FIRST) -->
<script>
dataLayer = [{'pageType': 'homepage'}];
</script>

<!-- 2. GTM Code (SECOND) -->
<script>(function(w,d,s,l,i){...})</script>

Tags Not Firing

Common causes:

  1. Container not published in GTM
  2. Trigger conditions not met
  3. Variables returning undefined
  4. Tag paused or blocked

Debug using GTM Preview mode:

  1. GTM → Preview
  2. Enter Jimdo site URL
  3. Check which tags fire
  4. Review trigger conditions
  5. Check variable values

Events Not in Analytics

Check:

  1. GTM tag fires (verify in Preview)
  2. Tracking ID/Pixel ID correct in tag
  3. Event name and parameters valid
  4. Ad blockers disabled (for testing)
  5. Wait 24-48 hours for data to appear in reports

See Events Not Firing for detailed troubleshooting.

Creator vs. Dolphin Implementation

Jimdo Creator

Advantages:

  • Full Head and Body code access
  • Can add data layer per page
  • HTML widgets for additional flexibility
  • More control over implementation

Best practices:

  • Use global Head code for GTM
  • Add page-specific data layer per page type
  • Leverage custom selectors

Jimdo Dolphin

Limitations:

  • Limited code access
  • No page-specific code
  • Theme-dependent selectors

Best practices:

  • Use GTM for ALL tracking
  • Create one global data layer (if possible)
  • Use GTM built-in variables heavily
  • Test across pages thoroughly

Both platforms work well with GTM - Creator offers more flexibility.

Next Steps

Configure Tracking:

Troubleshoot Issues:

For general GTM concepts, see Google Tag Manager Guide.

शीर्ष पर वापस जाएँ