Skip to main content

Integrate Custom 3rd-Party Scripts

Enhance your Storefront with tracking pixels, support widgets, and other custom tools and applications

Updated this week

Adding third-party scripts like tracking pixels, support widgets, and other external tools can enhance your Storefront's functionality. This guide covers how to implement these scripts properly.

Overview

Third-party scripts can allow you to:

  • Track conversions from ad campaigns

  • Add customer support widgets

  • Implement chat functionality

  • Add custom analytics tools

  • Enhance your site with external features

  • Implement cookie consent and privacy compliance tools

โš ๏ธ WARNING: Third-party scripts are not officially tested by Uscreen developers, so our Support team cannot troubleshoot issues with these scripts.

If you encounter problems, you must contact the source provider of the script for assistance.


Options for Embedding 3rd-Party Scripts

Option 1: Using the Head Code Section (Recommended)

This method applies scripts to the entire website:

  1. Navigate to Website

  2. Go to the Advanced tab

  3. Scroll down and click Head Code

  4. Paste and insert your 3rd-party script into the provided field

  5. Click Save Changes

๐Ÿ’ก TIP: The Head Code section is the global <head> tag of your website. Be sure to place your script inside the <script> tag for it to function properly.

Option 2: Using a Custom HTML Block (Page-Specific)

For adding scripts to specific Landing Pages only:

  1. Navigate to Marketing > Website Landing Pages

  2. Create a new page or edit an existing one

  3. Click the blue icon to add a new block

  4. Select Custom HTML from the block options

  5. Paste and insert your 3rd-party script into the provided field

  6. Wait for the Landing Page to autosave

๐Ÿ”— Learn more about Landing Pages

๐Ÿ“ NOTE: Scripts added through these methods only appear on your web pages. They will not be available on mobile or TV apps.


Common 3rd-Party Scripts

Tracking Pixels

Tracking pixels help monitor conversion rates from your ads:

  • TikTok Pixel

    1. Generate your TikTok pixel code following TikTok's instructions

    2. Add the code to your Head Code section as described above

Support Widgets

Support widgets like Intercom, Zendesk, or LiveChat can improve customer support:

  1. Obtain the widget code from your chosen provider

  2. Add the code to your Head Code section as described above

  3. Test the widget by visiting your site to ensure it appears and functions correctly

Chat Widgets

Chat tools like Tawk.to, Crisp, or WhatsApp buttons work similarly:

  1. Get the embed code from your chat provider

  2. Add the code to your Head Code section

  3. Save your changes and test the functionality

Cookie Consent and Privacy Compliance

To comply with privacy regulations like GDPR and CCPA:

  1. Sign up for a third-party cookie consent service (like Cookiebot, OneTrust, or CookieYes)

  2. Generate your cookie banner code from the service

  3. Add the code to your Head Code section

  4. Save your changes and test the banner on your site

๐Ÿ”— Learn more about Adding a Cookie Consent Banner

๐Ÿ“ NOTE: The native website code of Uscreen may change without prior notice as we continuously improve our platform. These changes may affect custom scripts or create conflicts with 3rd-party code.

Our support team cannot assist with making necessary adjustments to your custom scripts when this happens. You'll need to work with a developer to update your script accordingly.

๐Ÿ”— Learn more about Recommended Partner Developers


Test the Implementation

After adding any third-party script:

  1. Visit your storefront to verify the script is working

  2. Use browser developer tools (F12) to check for any console errors

  3. For tracking pixels, use tools like Meta Pixel Helper (Chrome extension) to verify proper implementation


Best Practices

  • Minimize Scripts

    • Each script can impact page load times. Only add what's necessary.

  • Test Thoroughly

    • Always test your site after adding scripts to ensure everything works properly.

  • Consider Privacy

    • Ensure your scripts comply with privacy regulations like GDPR and CCPA.

  • Add Cookie Consent

    • If your scripts use cookies, add a cookie consent banner to your site.


FAQs

Can I add multiple scripts to my site?

Yes, you can add multiple scripts to the Head Code section. Just make sure to separate them properly or label them using HTML or JavaScript comments.

Will adding scripts slow down my site?

Potentially. Each script adds load time to your pages. Monitor performance and only add necessary scripts.

Do I need to be a developer to add these scripts?

Basic implementation doesn't necessarily require development skills, but troubleshooting might. For complex implementations, consider consulting a developer.

Can Uscreen support help me create or troubleshoot my scripts?

No, our support team cannot assist with custom coding or third-party scripts. For script-specific questions, you must contact the script provider directly.

What if a script breaks my site's functionality?

If adding a script causes issues, remove it immediately from the Head Code section and contact the script provider for assistance. You can comment out the script to disable its function while keeping the script intact.

Did this answer your question?