Platform Integrations
Step-by-step guides for adding Invoker Analytics to popular CMS platforms and website builders.
Looking for Framework Guides?
WordPress
Add Invoker Analytics to your WordPress site using a plugin or by editing your theme.
Method 1: Using a Header Plugin (Recommended)
- Install and activate the "Insert Headers and Footers" plugin (or similar)
- Go to Settings → Insert Headers and Footers
- Paste the tracking script in the "Scripts in Header" section:
<script defer data-domain="your-domain.com" src="https://api.invoker.app/script.js" ></script>
Method 2: Edit Theme's header.php
- Go to Appearance → Theme File Editor
- Select
header.phpfrom the right sidebar - Find the
</head>tag - Paste the tracking script just before
</head> - Click "Update File"
Shopify
Add Invoker Analytics to your Shopify store:
- Go to your Shopify admin panel
- Navigate to Online Store → Themes
- Click Actions → Edit code
- Open the
theme.liquidfile under Layout - Find the
</head>tag and paste the script just before it:
<script defer data-domain="your-store.myshopify.com" src="https://api.invoker.app/script.js" ></script>
Tip: Use your custom domain if you have one configured (e.g., store.yourbrand.com).
Webflow
Add Invoker to your Webflow site using custom code:
- Open your Webflow project
- Go to Project Settings → Custom Code
- In the "Head Code" section, paste the tracking script:
<script defer data-domain="your-domain.com" src="https://api.invoker.app/script.js" ></script>
- Save and publish your site
Squarespace
Add Invoker Analytics to Squarespace:
- Go to your Squarespace dashboard
- Navigate to Website → Website Tools → Code Injection
- In the "Header" section, paste the tracking script
- Save your changes
Wix
Add Invoker to your Wix site:
- Go to your Wix dashboard
- Click Settings in the left sidebar
- Select Custom Code under "Advanced"
- Click + Add Custom Code
- Paste the tracking script
- Set placement to Head and apply to All pages
- Save and publish
Ghost
Add Invoker to your Ghost blog:
- Go to your Ghost admin panel
- Navigate to Settings → Code injection
- In the "Site Header" section, paste the tracking script
- Save changes
Framer
Add Invoker to your Framer site:
- Open your Framer project
- Go to Site Settings → General → Custom Code
- In the "Head" section, add the tracking script
- Publish your site
Carrd
Add Invoker to your Carrd site (Pro plan required):
- Edit your Carrd site
- Add an Embed element
- Set type to "Code" and placement to "Head"
- Paste the tracking script
- Publish your site
Hugo (Static Site Generator)
Add Invoker to your Hugo site:
- Open your site's layout file (usually
layouts/partials/head.htmlorlayouts/_default/baseof.html) - Add the tracking script before the
</head>tag:
{{ if not .Site.IsServer }}
<script
defer
data-domain="{{ .Site.BaseURL | replaceRE "https?://" "" | replaceRE "/" "" }}"
src="https://api.invoker.app/script.js"
></script>
{{ end }}This conditional ensures the script only loads in production, not during local development.
Jekyll
Add Invoker to your Jekyll site:
- Open
_includes/head.html(or your theme's equivalent) - Add the tracking script:
{% if jekyll.environment == "production" %}
<script
defer
data-domain="{{ site.url | remove: 'https://' | remove: 'http://' }}"
src="https://api.invoker.app/script.js"
></script>
{% endif %}Astro
Add Invoker to your Astro site:
- Create or edit
src/components/Analytics.astro:
---
// Analytics.astro
const domain = import.meta.env.PUBLIC_SITE_DOMAIN || 'your-domain.com'
---
{import.meta.env.PROD && (
<script
defer
data-domain={domain}
src="https://api.invoker.app/script.js"
/>
)}- Import and use in your layout:
---
import Analytics from '../components/Analytics.astro'
---
<html>
<head>
<Analytics />
</head>
<body>
<slot />
</body>
</html>Google Tag Manager
If you prefer using Google Tag Manager to manage your tracking scripts:
- Go to your GTM container
- Create a new Custom HTML tag
- Paste the tracking script
- Set the trigger to All Pages
- Save and publish your container
<head>.Need Help?
Can't find your platform? The basic installation is the same for any website:
- Find where your platform allows custom HTML in the
<head>section - Paste the tracking script with your domain
- Publish/deploy your changes