For a full interactive walkthrough of our implementation process, including Hubspot, CMS implementation and creating your data attributes, go here. You can follow along.
Integrations
Demand-Genius is CMS agnostic and can be deployed on any website via the Demand-Genius JavaScript tag. What follows is a generic guide to deploying Demand-Genius to your website and you may wish to refer to your CMS documentation for additional specific help with deploying JS tags to your site.
Prerequisites
Access to the website’s source code or Content Management System (CMS), with administrator or appropriate permissions to modify the website’s HTML or template files.
Demand-Genius JavaScript (JS) tag
JavaScript (JS) tags are commonly used for various purposes, including tracking user behaviour, collecting analytics data, and enabling features like retargeting ads or A/B testing. You will more than likely have several already deployed on your site and may have an established internal process for deploying new tags and the Demand-Genius tag should be deployed inline with your processes.
Your JavaScript (JS) code snippet is available within your Demand-Genius tenant on the ‘Integrations’ page.
Simply click the copy button, to copy the script to your clipboard.
The script to be deployed is a single line script which will resemble the example script above. The Demand-Genius JS tag should be deployed Before the Closing Body Tag </body> .
Deploying the Demand-Genius JavaScript (JS) tag
To deploy the Demand-Genius tag you will require access to your website’s HTML or template Files
Static HTML Sites: If your website is a static HTML site, you will need to directly access the HTML files.
Open the HTML file(s) where you want to deploy the tag (e.g. index.html for the homepage).
CMS (e.g., WordPress, Webflow, Joomla, etc.): If you are using a CMS, you can typically add the JS tag through the theme editor or a specific section for scripts.
-- In Wordpress, navigate to Appearance > Theme Editor, and open the footer.php file.
-- In Webflow, navigate to the settings of your site, click "Custom Code" and paste the Demand-Genius tag in the Footer code section.
Insert the JS Tag
Body section example:
Save the Changes: After inserting the JS tag in the appropriate place, save the file or publish the changes if you’re using a CMS.
Test the Deployment
Back in the Integrations page of your Demand-Genius tenant, click on the ‘Verify’ button next to your website URL. You will see a green tick once the deployment is verified.
Browser Developer Tools: You can also open your website in a browser, and use the Developer Tools (usually accessed by pressing F12, or right clicking and selecting "Inspect") to verify that the JS tag is loading correctly.
1. Check the "Network" tab to see if the Demand-Genius JS file is being requested.
2. Look for any errors in the "Console tab that may indicate issues with the tag.
Optional: Use a Tag Management System
Google Tag Manager (GTM): If you frequently deploy and manage multiple tags, you may already be using a Tag Management System like Google Tag Manager.
1. Create a New Tag: In GTM, create a new tag, select the tag type (e.g., Custom HTML), and paste the Demand-Genius JS code.
2. Triggering: Set up the trigger for when and where the tag should fire (e.g., usually All Pages).
3. Publish: Save and publish your changes in GTM.