Insert Third Party Scripts
This article helps Skilljar Starter admins add analytics, marketing, chatbot, and other third party scripts to a Catalog Page so they can extend functionality without custom development.
Overview
The Third Party Scripts option in the Settings menu allows you to insert scripts and leverage features that would otherwise require significant time and resources to develop. Common scripts used by Skilljar Starter sites include analytics platforms, chatbots, advertising pixels, tag managers, and more.
Scripts can be inserted in the following three placements on the page, depending on when in the page load cycle the script should run:
- Insert in <head>: Scripts placed here are loaded as the page loads. Use this placement for analytics, tag managers, and other scripts that need to run as early as possible.
- Insert before <body>: Scripts placed here are loaded later in the page load cycle. Use this placement for scripts that should run before page content fully renders but do not need to run as early as those in the head.
- Insert after <body>: Scripts placed here run after the initial page content loads. Use this placement for chatbots, support widgets, and other enhancements that should appear once the page is visible to the learner.
Insert Third Party Scripts
To insert third-party scripts on a Catalog Page:
- Open your Skilljar Dashboard and navigate to the Catalog Page where you want to add the scripts.
- In the admin toolbar at the bottom of the page, click Settings.
- From the Settings dropdown, select Third Party Scripts. The Third Party Scripts configuration panel appears.
- Use the following options to insert your scripts:
- Insert in <head>: Expand this section to add scripts that should load as the page is requested. For example, the Google Analytics tracking snippet.
- Insert before <body>: Expand this section to add scripts that should load later in the page load cycle. For example, a marketing pixel.
- Insert after <body>: Expand this section to add scripts that should run after the page content has loaded. For example, a chatbot or support widget.
- Paste your script into the appropriate section.
- Click Save. The inserted scripts are applied to the Catalog Page.
After adding a script, open the Catalog Page in a separate browser window and verify that the third-party tool reports activity as expected. For example, Google Analytics records a page view, or that the chatbot widget appears in the page corner.