Webnode is a hosted website builder with a drag-and-drop editor, multilingual site support, and built-in ecommerce. It provides built-in analytics integration fields and custom code injection for tracking scripts, though both are plan-gated.
Integration Architecture
Webnode provides two integration paths:
- Built-in Analytics Settings -- Navigate to Settings > Website Settings > Analytics & SEO to enter tracking IDs for Google Analytics and other platforms. Available on Standard plan and above.
- Header/Footer Code -- Navigate to Settings > Website Settings > Header & Footer Code to add custom HTML/JavaScript to the site's
<head>or<body>sections. Available on Standard plan and above.
There is no theme editor, no template file access, no plugin system, and no API for programmatic script management.
Available Integrations
Analytics Platforms
- Built-in Analytics setting (Measurement ID field)
- Header code injection with full gtag.js (Standard plan+)
- GTM-based GA4 (Standard plan+)
Tag Management
- Header/Footer code injection (Standard plan+)
- Not available on free or Limited plans
Marketing Pixels
- Header code injection (Standard plan+)
- Via GTM container (Standard plan+)
Header Code Integration
On the Standard plan or higher, navigate to Settings > Website Settings > Header & Footer Code:
Header Code:
<!-- 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-XXXX');</script>
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'platform': 'webnode',
'pageTitle': document.title,
'pagePath': window.location.pathname,
'language': document.documentElement.lang || 'en'
});
</script>
Footer Code:
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
Platform Limitations
Plan-gated features. Code injection and analytics integration require the Standard plan or above. Free and Limited plan users have no access to custom code, GTM, or advanced analytics.
No data layer. Webnode does not expose page metadata (page type, category, product data) to JavaScript. The data layer is limited to DOM-derived values only.
No template access. There is no theme editor, no HTML/CSS file access, and no way to modify page templates. All customization is through the visual editor and code injection fields.
No ecommerce data layer. Webnode's built-in ecommerce does not push structured ecommerce events to a data layer. Cart, checkout, and purchase events are not accessible to external tracking scripts.
Multilingual tracking. Webnode supports multilingual sites with language-specific URLs. The built-in GA integration tracks all languages under one property. Include document.documentElement.lang in your data layer for language segmentation.
No server-side access. Fully hosted platform with no backend access, API, or webhooks for analytics.
Performance Considerations
- Hosted CDN. Webnode serves pages from its own CDN with good baseline performance.
- Builder framework. Webnode includes its own JavaScript framework. Tracking scripts load on top of this baseline.
- Code injection placement. Header code loads before page content. Keep scripts lean to avoid blocking page rendering.
Recommended Integration Priority
- Upgrade to Standard plan if on free/Limited to access code injection
- Add GTM via Header Code -- Single container for all tracking
- Configure GA4 in GTM -- Use URL patterns and page titles for content segmentation
- Add Meta Pixel via GTM -- Standard pageview and engagement tracking
Next Steps
For general integration concepts, see the integrations overview.