With the custom script feature in Clipio, you can easily add tracking scripts or custom JavaScript logic to your video playback pages. Here’s how to set it up:
1.Go to Library > Select Video > Click to edit
2. Select the "Custom Script" Tab
3. Enable the Custom Script: Toggle the switch to activate the custom script feature.
4. Paste Your Code: Insert your custom tracking or JavaScript code in the "Head" or "Body" section inputs, depending on your tracking provider’s requirements. Be sure to save the changes.
Once you've saved your custom script, it will be embedded directly into the HTML of the video playback page, either in the <head> or <body> tag, based on where you've specified it.
To confirm the script is correctly added, follow these steps in Chrome Developer Tools:
Open the Video Preview Page: Go to the preview page for the video with the custom script.
Access Chrome Developer Tools: Right-click anywhere on the page, select Inspect, or press Ctrl+Shift+I (Windows) / Cmd+Opt+I (Mac) to open Developer Tools.
Navigate to the Elements Tab: In Developer Tools, go to the Elements tab. Here, you’ll see the HTML structure of the page.
Locate the Script: Scroll through the <head> or <body> section to locate the custom <script> tag. You should see your inserted code here, confirming it has been added to the video playback page.
Please refer to the screenshot below to see an example of where to find your custom script within Chrome Developer Tools.
If you don’t see the script in Developer Tools, ensure that:
The custom script feature is enabled in that specific video.
Your code is properly saved.
Your code is correctly wrapped in <script></script> tags.
Important Notes
To ensure the custom script functions correctly, please follow these guidelines:
Only JavaScript code is supported. Each script must be wrapped within <script></script> tags.
Multiple scripts are allowed, but each script must be correctly enclosed within <script> tags.
Other tags, comments, or text outside the <script> tags are not permitted. If you need to add additional HTML elements, do so using JavaScript within your script.
Clipio does not validate the script code. Ensure your code is error-free and safe, as any malicious code can impact the video playback page.
This feature is versatile and not limited to tracking scripts. add custom logic to enhance the video playback experience as needed.