HTML Header/Footer - Google Tag Manager - WordPress - Squarespace - WIX - HubSpot - Shopify - Duda
HTML Header/Footer
Figure out where in your HTML file you want to add the code. Generally, either the header or footer of the document is going to be your best bet.
Place a <script> tag inside of the chosen field.
Place the JavaScript code inside of the <script> tag.
Save the changes you’ve made and upload the edited HTML file to your site.
Google Tag Manager
Navigate to Google Tag Manager and click Tags -> New.
Click on Tag Configuration and then select Custom HTML.
Insert the JavaScript code that you want and save the changes.
Choose Page View as the triggering option.
Go to the top right corner of the page and click Publish to save the changes.
WordPress
Method 1 – Using WordPress Admin Portal
Log in to your WordPress Admin Panel.
Go to Appearance -> Editor (make sure you’re selecting theme editor here).
Select either Footer.php or Index.php.
Find the </body> HTML tag.
Copy and paste the tracking code before the </body> tag.
Click Update File to save the changes.
Method 2 – Using Header-Footer Plugin
Download and install WordPress’ Header-Footer plugin.
Go to Settings -> Header-Footer.
Paste the JavaScript code that you want in the Bottom Footer textbox.
Squarespace
Use Code Injection to add custom code to the header or footer:
Navigate menu: Settings -> Advanced -> Code Injection.
Add your code in the Header or Footer text fields.
Click Save to save your changes.
WIX
Log into your WIX account and click on Settings.
Click on: Advanced -> Custom Code.
Click + (Add Custom Code) at the top right of screen.
Setup Custom Code: Add script below to end of standard script:
<script type="text/javascript">
var pushState = history.pushState;
history.pushState = function () {
pushState.apply(history, arguments);
ll_track();
};
window.addEventListener('popstate', function(){ll_track()});
</script>
Paste ALL the JavaScript code (standard + extra script) into the field.
Name your code so that you can keep track of it.
Click Add Code to Pages: ALL Pages.
Place code in: Head.
Click Apply to make the changes live.
HubSpot
Log into your HubSpot account and navigate to Marketing -> Files -> Templates -> Design Tools.
Locate the left sidebar menu and click Actions -> New File. If you don’t see this, you may need to expand the Folder Icon to find the menu options.
In the dialog box, click on the label marked JavaScript.
Then enter a name for your JavaScript file when prompted to do so.
Paste the JavaScript code into the editor.
Go to the upper-right corner of the page and click Publish Changes to make them live.
Shopify
Go to assets folder and add a New Asset.
Create new JavaScript file called knowldgenet.js (not liquid).
Insert the JavaScript code that you want and save the changes. Be sure to remove the <script> and </script> html tags from the code you paste into the editor.
Save the knowledgenet.js file.
Open theme.liquid file.
Paste the following into the file before, after or in between any existing scripts:
<script src=”{{ 'knowledgenet.js' | asset_url }}” defer=”defer”></script>
or
<script src=”{{ 'knowledgenet.js' | asset_url }}” async></script>
Duda
Site-Wide Header
Open the Duda editor.
Go to left panel: Settings -> Header HTML.
Paste the JavaScript code and Save.
Single Page Header
In the side panel, click Pages.
On the page you want to add into, click Settings-SEO.
Go to Header HTML.
Paste the JavaScript code and Save.
Place Code After the Opening Body Tag
Open the Duda editor.
Go to left panel: Settings -> Head HTML.
Paste the JavaScript code into BODY END HTML field and Save.