Ucraft is a hosted website builder with a drag-and-drop editor, ecommerce features, and a multilingual content system. It provides built-in integration fields for popular analytics platforms and a code injection feature for custom tracking scripts.
Integration Architecture
Ucraft provides three integration paths:
- Built-in Integrations -- Navigate to Settings > Integrations (or Settings > SEO & Analytics) to enter tracking IDs for Google Analytics, Google Tag Manager, and Facebook Pixel directly. No code editing required.
- Header/Footer Code Injection -- Navigate to Settings > Custom Code to add arbitrary HTML/JavaScript to the site's
<head>or<body>sections. Available on paid plans. - App Market -- Ucraft's App Market provides some analytics integrations as installable apps. Limited selection compared to other platforms.
Available Integrations
Analytics Platforms
- Built-in GA integration (Measurement ID field)
- Custom Code with full gtag.js configuration
- GTM-based GA4 (recommended for advanced needs)
Tag Management
- Built-in GTM integration (container ID field)
- Custom Code head/body injection
Marketing Pixels
- Built-in Facebook Pixel integration (Pixel ID field)
- Via GTM container for advanced configuration
Built-in Integration Setup
Navigate to Settings > Integrations in your Ucraft dashboard. Enter your tracking IDs:
- Google Analytics: Paste your
G-XXXXXXXXXXMeasurement ID - Google Tag Manager: Paste your
GTM-XXXXcontainer ID - Facebook Pixel: Paste your Pixel ID
For a custom data layer via code injection (Settings > Custom Code > Header Code):
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'platform': 'ucraft',
'pageTitle': document.title,
'pagePath': window.location.pathname,
'language': document.documentElement.lang || 'en'
});
</script>
Platform Limitations
No server-side access. Ucraft is a fully hosted platform with no backend access, no API for custom tracking, and no webhook system for analytics events.
Limited data layer. Ucraft does not expose page metadata (page type, category, product data) to JavaScript. The data layer is limited to DOM-derived values. For ecommerce pages, product and cart data is not available in a structured format for tracking scripts.
Plan-gated features. Custom Code injection and some integrations require paid plans. The free plan has limited analytics integration options.
Ecommerce tracking gaps. Ucraft's built-in ecommerce does not push structured ecommerce events (add_to_cart, purchase) to a data layer. Cart and checkout interactions happen within Ucraft's UI framework without exposing event hooks to external scripts.
Multilingual site tracking. Ucraft supports multilingual sites with language-specific URLs. The built-in GA integration tracks all languages under one property. If you need per-language GA4 properties, use Custom Code with conditional GTM container IDs.
Performance Considerations
- Builder framework overhead. Ucraft includes its own JavaScript framework for the visual editor and interactive components. Tracking scripts load on top of this baseline.
- Built-in vs custom injection. Using Ucraft's built-in integration fields loads scripts through their optimized injection path. Custom Code scripts load separately.
- Image optimization. Ucraft automatically optimizes images. Tracking scripts do not benefit from this optimization and load independently.
Recommended Integration Priority
- Use built-in GTM field in Settings > Integrations -- Simplest setup
- Add data layer via Custom Code -- DOM-based page context variables
- Configure GA4 in GTM -- Use URL patterns and page titles for content segmentation
- Add Meta Pixel via GTM -- Standard engagement tracking
Next Steps
For general integration concepts, see the integrations overview.