Crowd Tracking Script Installation Guide
Crowd is a robust user experience platform designed to help you understand user behavior, collect feedback, and optimize
your website or application. To fully leverage Crowd’s capabilities during your 14-day trial, you must install the Crowd
tracking script in the <head> section of your website. This guide provides detailed, step-by-step instructions for
installing the script on supported platforms. a website from Crowd and notes on data implications.
Note: A well-optimized meta description for your website enhances the contextual information Crowd can provide,
improving the accuracy of analytics and insights. Ensure your meta description clearly summarizes your site’s purpose
and content.
Generating the Crowd Tracking Script
To begin, generate your unique Crowd tracking script:
1. Log in to your Crowd account at crowdapp.io.
2. Navigate to the Profile Settings section on your homepage.
3. Click on Workspace Settings, then select Add Website.
4. Click Generate Script to create your unique JavaScript tracking code.
5. Copy the script, which will resemble the following:
<script>
(function(c,r,o,w,d){c['CrowdAnalyticsObject']=w;c[w]=c[w]||function(){
(c[w].q=c[w].q||[]).push(arguments)},c[w].l=1*new Date();d=r.createElement(o),
d.async=1,d.src='https://cdn.crowdplatform.com/analytics.js';r.head.appendChild(d)
})(window,document,'script','crowd','script');
crowd('init', 'your-unique-api-key');
</script>
Note: Replace the placeholder script above with the actual API key provided in your Crowd dashboard.
Platform-Specific Installation Instructions
Below are detailed instructions for installing the Crowd tracking script on each supported platform. For e-commerce
platforms, additional steps ensure tracking on post-purchase pages.
WordPress
WordPress is a widely used content management system (CMS) that supports custom code integration.
1. Log in to your WordPress admin dashboard.
2. Navigate to Appearance > Theme File Editor.
3. Select the header.php file under Theme Files.
4. Locate the <head> section and paste the Crowd tracking script just before the closing </head> tag.
5. Click Update File to save changes.
6. Verify installation by visiting your website and checking the Workspace Settings > Add Website section of your Crowd
dashboard for active tracking confirmation.
Alternative Method (Using a Plugin):
1. Install a plugin like Insert Headers and Footers or Code Snippets.
2. Navigate to the plugin’s settings (e.g., Settings > Insert Headers and Footers).
3. Paste the Crowd script in the Header section.
4. Save changes and verify tracking.
Note: Use a child theme to preserve changes during theme updates.
Shopify
Shopify is an e-commerce platform that supports script integration for main and post-purchase pages.
1. Log in to your Shopify admin panel.
2. Navigate to Online Store > Themes.
3. Locate your active theme and click Actions > Edit Code.
4. In the Layout section, select theme.liquid.
5. Find the <head> section and paste the Crowd tracking script before the closing </head> tag.
6. Click Save.
Tracking Post-Purchase Pages:
To track post-purchase pages (e.g., order confirmation, thank-you pages):
1. Navigate to Settings > Checkout.
2. Scroll to the Additional Scripts section under Order Status Page.
3. Paste the Crowd tracking script in the text box.
4. Click Save.
5. Verify tracking by completing a test purchase and checking the Crowd dashboard.
Note: Checkout script access may require a Shopify Plus plan. A well-optimized meta description on your checkout pages
enhances tracking accuracy.
ClickFunnels
ClickFunnels is a funnel-building platform that supports custom code in page headers.
1. Log in to your ClickFunnels account.
2. Navigate to the funnel you want to add the Crowd script to.
3. Click Settings (gear icon) for the specific funnel page.
4. Scroll to the Custom Code or Tracking Code section.
5. Paste the Crowd tracking script in the Head Tracking Code field.
6. Click Save and Update.
7. Repeat for each funnel page, including post-purchase pages (e.g., thank-you pages).
8. Verify tracking in the Crowd dashboard.
Note: Ensure meta descriptions for funnel pages are descriptive for optimal tracking context.
Wix
Wix is a drag-and-drop website builder with custom code support.
1. Log in to your Wix account and open the Wix Editor.
2. Navigate to Settings > Advanced Settings > Tracking & Analytics.
3. Click + New Tool and select Custom.
4. Paste the Crowd tracking script in the code box.
5. Set the placement to Head and select All Pages (or specific pages).
6. Click Apply and publish your site.
7. Verify tracking in the Crowd dashboard.
Note: A premium Wix plan is recommended for full tracking capabilities. Optimize your site’s meta description for better
contextual insights.
WooCommerce
WooCommerce is a WordPress-based e-commerce plugin.
1. Log in to your WordPress admin dashboard.
2. Navigate to Appearance > Theme File Editor.
3. Select the header.php file or use a plugin like Insert Headers and Footers.
4. Paste the Crowd tracking script in the <head> section before the closing </head> tag.
5. Save changes.
Tracking Post-Purchase Pages:
To track order confirmation or thank-you pages:
1. Install a plugin like WooCommerce Thank You Page Customizer.
2. Navigate to the plugin’s settings or edit the thankyou.php template in your theme.
3. Paste the Crowd script in the <head> section of the thank-you page template.
4. Save and test with a purchase.
5. Verify tracking in the Crowd dashboard.
Note: Optimize meta descriptions on thank-you pages for enhanced tracking context.
Webflow
Webflow is a visual web design platform with custom code support.
1. Log in to your Webflow account and open your project in the Designer.
2. Click the Project Settings (gear icon) in the left panel.
3. Navigate to the Custom Code tab.
4. Paste the Crowd tracking script in the Head Code section.
5. Click Save Changes and publish your site.
6. Verify tracking in the Crowd dashboard.
Note: For specific pages, add the script via the page’s custom code settings. Ensure meta descriptions are optimized.
Squarespace
Squarespace is a website builder with code injection capabilities.
1. Log in to your Squarespace account and go to the Home Menu.
2. Navigate to Settings > Advanced > Code Injection.
3. Paste the Crowd tracking script in the Header section.
4. Click Save.
5. Verify tracking in the Crowd dashboard.
Note: For specific pages, use Page Settings > Advanced. Optimize meta descriptions for better insights.
PrestaShop
PrestaShop is an open-source e-commerce platform.
1. Log in to your PrestaShop back office.
2. Navigate to Design > Theme & Logo.
3. Click Advanced Settings and select the active theme.
4. Edit the header.tpl file (usually in themes/your-theme/templates/_partials/).
5. Paste the Crowd tracking script before the closing </head> tag.
6. Save changes and clear the cache via Advanced Parameters > Performance.
7. Verify tracking in the Crowd dashboard.
Tracking Post-Purchase Pages:
1. Locate the thank-you page template (e.g., order-confirmation.tpl).
2. Paste the Crowd script in the <head> section.
3. Save and test with a purchase.
Note: Use an FTP client if direct editing is restricted. Optimize meta descriptions for post-purchase pages.
HubSpot CMS
HubSpot CMS supports custom code integration.
1. Log in to your HubSpot account and navigate to Marketing > Website > Pages.
2. Click Settings > Integrations > Custom Code.
3. Paste the Crowd tracking script in the Site Header HTML section.
4. Click Save and publish changes.
5. Verify tracking in the Crowd dashboard.
Note: For specific pages, add the script via Settings > Advanced. Optimize meta descriptions for better context.
Drupal
Drupal is a robust CMS with custom code support.
1. Log in to your Drupal admin panel.
2. Navigate to Appearance and select your active theme.
3. Edit the html.html.twig file in your theme’s templates folder.
4. Paste the Crowd tracking script in the <head> section.
5. Save changes and clear the cache via Configuration > Development > Performance.
6. Verify tracking in the Crowd dashboard.
Alternative Method:
1. Install the HTML Head module.
2. Navigate to the module’s settings and paste the Crowd script.
3. Save and verify tracking.
Note: Optimize meta descriptions for enhanced analytics.
BigCommerce
BigCommerce is an e-commerce platform with script integration.
1. Log in to your BigCommerce control panel.
2. Navigate to Storefront > Script Manager.
3. Click Create a Script.
4. Enter a name (e.g., “Crowd Tracking”), select Head for location, and choose All Pages.
5. Paste the Crowd tracking script in the Script Contents field.
6. Click Save.
7. Verify tracking in the Crowd dashboard.
Tracking Post-Purchase Pages:
1. Navigate to Storefront > Web Pages and locate the thank-you page.
2. Add the Crowd script to the page’s HTML.
3. Save and test with a purchase.
Note: Optimize meta descriptions on thank-you pages for better tracking context.
Weebly
Weebly is a simple website builder with custom code support.
1. Log in to your Weebly account and open the site editor.
2. Navigate to Settings > SEO.
3. Paste the Crowd tracking script in the Header Code section.
4. Click Save and publish your site.
5. Verify tracking in the Crowd dashboard.
Note: For specific pages, use Page Settings > Advanced. Optimize meta descriptions.
Figma
Figma is a design tool, not a live website platform. For exported sites:
1. Export your Figma design to HTML/CSS using a plugin like Figma to HTML.
2. Open the exported HTML file in a code editor.
3. Paste the Crowd tracking script in the <head> section.
4. Host the site on a web server (e.g., Netlify) and verify tracking.
*Note: Contact *support@crowdapp.io for Figma-based workflows. Optimize meta descriptions in exported HTML.
Tealium
Tealium is a tag management system for custom scripts.
1. Log in to your Tealium iQ Tag Management account.
2. Navigate to the Tags tab and click Add Tag.
3. Select Custom Container or Generic Tag.
4. Paste the Crowd tracking script in the tag configuration.
5. Set the load rule to All Pages or specific pages.
6. Save and publish the profile.
7. Verify tracking in the Crowd dashboard.
Note: Optimize meta descriptions for tagged pages.
Leadpages
Leadpages is a landing page builder with custom code support.
1. Log in to your Leadpages account and open the desired landing page.
2. Navigate to Integrations > Analytics.
3. Paste the Crowd tracking script in the Head Section Tracking Code field.
4. Save and publish the page.
5. Verify tracking in the Crowd dashboard.
Note: Repeat for each landing page. Optimize meta descriptions for better context.
Netlify
Netlify is a hosting platform with code injection support.
1. Log in to your Netlify dashboard and select your site.
2. Navigate to Site Settings > Build & Deploy > Post Processing > Snippet Injection.
3. Click Add Snippet and paste the Crowd tracking script.
4. Set the injection point to Head.
5. Save and redeploy your site.
6. Verify tracking in the Crowd dashboard.
Alternative Method:
1. Add the script to your site’s HTML files in the <head> section.
2. Push changes to your Git repository and redeploy.
Note: Optimize meta descriptions in your HTML files.
Framer
Framer is a web design and prototyping platform with custom code support.
1. Log in to your Framer account and open your project.
2. Navigate to Site Settings (gear icon) in the Framer dashboard.
3. Select the Custom Code tab.
4. Paste the Crowd tracking script in the Head Code section.
5. Click Save and publish your site.
6. Verify tracking in the Crowd dashboard.
Note: For specific pages, add the script via the page’s custom code settings. Optimize meta descriptions for enhanced
analytics.
Removing a Website from Crowd
If you no longer wish to track a website with Crowd, you can disconnect it from your account. Follow these steps:
1. Log in to your Crowd account at crowdapp.io.
2. Navigate to Profile Settings on your homepage.
3. Click on Workspace Settings.
4. Locate the website in the website configuration section.
5. Click Disconnect next to the site’s URL.
6. Confirm the disconnection in the prompt.
Important Notes on Disconnection:
- Disconnecting a website will permanently delete all associated analytics, heatmaps, session recordings, and user
activities data collected from that site.
- Any installed feedback widgets will be removed and will no longer function.
- Data from research studies, user interviews, and results collected via widgets will remain in your account.
- If you plan to reconnect the website later, you will need to reinstall the tracking script and start data collection
anew.
Verifying Installation
After installing the Crowd script:
1. Visit your website to trigger tracking.
2. Return to the Crowd dashboard and navigate to Workspace Settings > Add Website.
3. Confirm that the status indicates active tracking.
4. If tracking does not appear, check for script errors using your browser’s developer tools (F12) or contact
support@crowdapp.io.
Unsupported Platforms
If your website is hosted on a platform not listed above, please contact our support team at support@crowdapp.io. We
will provide personalized guidance to help you integrate the Crowd tracking script.
Additional Notes
- Post-Purchase Tracking: For e-commerce platforms (Shopify, WooCommerce, BigCommerce, PrestaShop), ensure the script
is added to post-purchase pages to capture order confirmation and thank-you page interactions.
- Meta Descriptions: A well-crafted meta description for each page (e.g., <meta name="description" content="Your
site’s purpose and content">) enhances the contextual information Crowd provides, improving analytics and
AI-driven insights.
- Cache Clearing: Clear your website’s cache after adding the script to ensure changes take effect.
- Support: For platform-specific issues or advanced configurations, email us at support@crowdapp.io.
Supported Platforms
The following table lists the platforms supported by Crowd for script installation:
By following these instructions, you can seamlessly integrate or remove the Crowd tracking script, enabling you to
unlock powerful user insights during your 14-day trial and beyond.