SITE123 Analytics Integrations: Setup Guide | OpsBlu Docs

SITE123 Analytics Integrations: Setup Guide

Available integrations for Site123 including analytics platforms, tag managers, and marketing pixels.

Site123 provides multiple methods to integrate analytics platforms, tag managers, and marketing pixels into your website. This section covers the most common integrations and Site123-specific implementation details.

Available Integrations

Analytics Platforms

Google Analytics 4

  • Code injection method (full control)
  • Site-wide or page-specific implementation
  • Event tracking via custom code
  • No checkout limitations (Site123 handles all pages)

Tag Management

Google Tag Manager

  • Code injection installation
  • Works on all pages including forms and contact pages
  • Full access to all Site123 features
  • Easiest way to manage multiple tracking codes

Marketing Pixels

Meta Pixel

  • Direct code injection
  • Complete event tracking capability
  • Works with Site123's ecommerce features
  • Enhanced measurement with custom events

Site123-Specific Integration Considerations

Code Injection System

Site123 offers flexible code injection options:

  • Head Code - Loads in <head> section of all pages
  • Body Code - Loads in <body> section of all pages
  • Page-Specific Code - Custom code for individual pages
  • Footer Code - Loads before closing </body> tag

Access Levels

Code Injection Locations:

Settings → Manage → Advanced → Code Injection

Available injection points:

  1. Head - Analytics base codes, GTM container
  2. Body - Tracking pixels, custom scripts
  3. Footer - Deferred scripts, performance-optimized code

Page Types in Site123

Site123 supports various page types, all accessible for tracking:

  • Home page - Main landing page
  • Regular pages - About, Services, etc.
  • Blog pages - Blog posts and listings
  • Store pages - Product pages (if ecommerce enabled)
  • Contact forms - Lead tracking
  • Custom pages - Any user-created pages

Ecommerce Features

Site123 Online Store: If you have Site123's ecommerce features enabled:

  • Product page views can be tracked
  • Add to cart events available
  • Purchase tracking on thank you page
  • Order confirmation data accessible

Limitations:

  • Less detailed than dedicated ecommerce platforms
  • Limited access to product data variables
  • May require custom JavaScript for advanced tracking

Performance Impact

Code Injection Best Practices:

  • Use async/defer attributes for scripts
  • Place heavy scripts in footer injection area
  • Consolidate through GTM when possible
  • Monitor Largest Contentful Paint (LCP)

Site123-Specific Performance:

  • Site123 uses CDN for content delivery
  • Code injection doesn't affect page builder performance
  • Mobile optimization handled by Site123
  • Watch for Cumulative Layout Shift (CLS) from injected code

Integration Best Practices

1. Consolidate Through GTM

Instead of adding multiple pixels directly:

  • Install GTM once in Site123's head code injection
  • Add all tracking pixels through GTM
  • Easier to manage and update
  • Better performance (single container load)

2. Respect User Privacy

GDPR and Privacy Compliance:

// Check for user consent before initializing tracking
if (localStorage.getItem('cookieConsent') === 'true') {
  // Initialize analytics
  gtag('config', 'G-XXXXXXXXXX');
}

// Wait for consent event
document.addEventListener('cookieConsentGranted', function() {
  // Initialize marketing pixels
  fbq('track', 'PageView');
});

Recommendation: Use a consent management platform (CMP) or cookie banner plugin compatible with Site123.

3. Test Across Page Types

Always test integrations across:

  • Home page - General page view tracking
  • Regular pages - Content page views
  • Blog posts - Article engagement
  • Store pages - Product views (if applicable)
  • Contact forms - Form submissions and conversions
  • Thank you pages - Conversion completion

4. Monitor Data Quality

See Events Not Firing for debugging steps.

Common data quality issues:

  • Duplicate events from multiple implementations
  • Missing page views on dynamic content
  • Form submissions not tracked
  • Bot traffic in analytics

Common Site123 Limitations

JavaScript Restrictions

Site123 has some limitations on code injection:

  • Cannot modify Site123's core JavaScript
  • Limited access to Site123's internal events
  • Some page elements may not be directly accessible
  • Dynamic content (forms, galleries) needs separate event tracking via custom code

Workarounds:

Form Tracking: Site123 forms may require custom listeners:

// Listen for form submissions
document.addEventListener('DOMContentLoaded', function() {
  const forms = document.querySelectorAll('form');
  forms.forEach(function(form) {
    form.addEventListener('submit', function(e) {
      // Track form submission
      gtag('event', 'form_submission', {
        'form_name': form.getAttribute('name') || 'contact_form'
      });
    });
  });
});

Button Click Tracking:

// Track button clicks
document.querySelectorAll('.s123-button').forEach(function(button) {
  button.addEventListener('click', function() {
    gtag('event', 'button_click', {
      'button_text': this.textContent,
      'button_location': window.location.pathname
    });
  });
});

Site123 Multi-Language Tracking

If using Site123's multi-language features:

Track Language in Analytics:

// Detect current language
const currentLang = document.documentElement.lang || 'en';

// Send to GA4
gtag('config', 'G-XXXXXXXXXX', {
  'user_properties': {
    'site_language': currentLang
  }
});

GTM Language Variable: Create a variable in GTM to capture language:

  • Type: JavaScript Variable
  • Variable Name: document.documentElement.lang
  • Use in GA4 custom dimensions

Next Steps

Choose your integration to get started:

For general integration concepts, see the global integrations hub.

返回顶部