๐Ÿ“Š

Platform Comparison & Quick Reference

Choose the best platform for your needs

Platform Ease of Use Flexibility Best For
WordPress โญโญโญโญ High Blogs, Business
Segment โญโญโญโญโญ Very High Analytics Hub
Shopify โญโญโญโญ Medium E-commerce
Wix โญโญโญโญโญ Medium Beginners
Squarespace โญโญโญโญโญ Medium Creative Portfolio
Webflow โญโญโญโญ High Designers
HubSpot โญโญโญโญ High Marketing Automation
Weebly โญโญโญโญโญ Low Small Business
GoDaddy โญโญโญ Low Quick Sites
Duda โญโญโญโญ Medium Agencies
Hostinger โญโญโญโญ High Budget Hosting
Custom HTML โญโญ Very High Developers

๐ŸŽฏ Common Code Examples

PRO TIP: Always test scripts in staging before production. Use F12 DevTools to verify loading.
โšก

WordPress Script Injection

Multiple methods for flexibility

Method 1: Header/Footer Plugin
EASIEST
Dashboard โ†’ Plugins โ†’ Add New

Steps:

1 Install "Insert Headers and Footers"
2 Go to Settings โ†’ Insert Headers and Footers
3 Paste code in Header or Footer section
4 Save and test

โœ… WordPress Checklist:

๐Ÿ›๏ธ

Shopify Script Injection

E-commerce implementation

Theme Customization
RECOMMENDED
Online Store โ†’ Themes โ†’ Edit Code
PRO TIP: Use Liquid conditionals for page-specific loading.
๐Ÿ“Š

Segment Analytics Platform

Central hub for all analytics

Segment Installation
POWERFUL

Install Segment snippet once, manage all analytics tools from one dashboard.

Segment Dashboard โ†’ Sources โ†’ Add Source โ†’ Website
PRO TIP: One script to rule them all!
๐ŸŽจ

Wix Script Injection

Drag-and-drop builder with custom code

Custom Code Panel
EASIEST
Settings โ†’ Custom Code โ†’ Add Custom Code

Step-by-Step Instructions:

1 Open your Wix site dashboard
2 Go to Settings in left sidebar
3 Click on Custom Code
4 Click "+ Add Custom Code"
5 Paste your tracking script code
6 Choose location: Head or Body - End
7 Select "All pages" or specific pages
8 Click Apply and Publish
โš ๏ธ Important: Scripts only work on PUBLISHED sites!

โœ… Wix Checklist:

โฌ›

Squarespace Code Injection

Clean implementation

Code Injection
SIMPLE
Settings โ†’ Advanced โ†’ Code Injection

Steps:

1 Log into Squarespace
2 Go to Settings
3 Click Advanced
4 Select Code Injection
5 Paste code in Header or Footer
๐ŸŒŠ

Webflow Custom Code

Designer-friendly

Project Settings
POWERFUL
Designer โ†’ Project Settings โ†’ Custom Code
๐Ÿงก

HubSpot CMS

Marketing automation

Site Header HTML
GLOBAL
Settings โ†’ Website โ†’ Pages โ†’ Site Header HTML
๐Ÿ”ท

Weebly

Small business builder

SEO Settings
SIMPLE
Settings โ†’ SEO โ†’ Header Code
๐ŸŒ

GoDaddy Builder

Limited options

Header & Footer Code
LIMITED
โš ๏ธ WARNING: Very restrictive. Consider WordPress on GoDaddy hosting instead.
๐Ÿข

Duda

Agency platform

Custom Code Widget
PROFESSIONAL
Site Settings โ†’ Advanced โ†’ Custom Code
๐Ÿš€

Hostinger Script Injection

Hosting control methods

Method 1: Website Builder
EASIEST
hPanel โ†’ Website โ†’ Edit Website โ†’ Settings โ†’ Integrations

Steps:

1 Log into Hostinger hPanel
2 Click Website in left menu
3 Click Edit website
4 Go to Settings โ†’ Integrations
5 Choose Custom code
6 Paste script in Header or Footer
7 Save and Publish
TIP: Use Header for analytics, Footer for chat widgets
Method 2: File Manager
ADVANCED
hPanel โ†’ File Manager โ†’ public_html
WARNING: Changes lost on theme updates!

Hostinger Checklist:

๐Ÿ’ป

Custom HTML/React/Next.js

Full developer control

Plain HTML
BASIC
<head>
  <script src="script.js"></script>
</head>