Our tracking code should be loaded with page initiation or at the latest DOMContentLoaded. Our users use our app to run AB tests on their store and make modifications to their pages. When our app load is delayed, there’s a noticeable and unpleasant flicker effect (the page fully loads, then the te…

Hello there! There are a few ways to insert a script directly into a Shopify theme or use the DOMContentLoaded event for the scriptTag: Using the Shopify theme editor: You can use the Shopify theme editor to add a script directly to the theme. You can access the theme editor by navigating to the …

Thanks for the response, using option 1 and 5 are not an option for us as we’re trying to do this through our Shopify app FigPii, Regarding using ScriptTag API based on the documentation provided here ScriptTag the only value allowed for ‘event’ is onload which is too late. How can we set this to …

Curios, if there has been any update here? We have also seen “complaints” from merchants that our script takes long to load because it waits until the full page is loaded and the onload event gets triggered. It will be great if there is support for the DOMContentLoaded event ( https://developer.mozi…

The only workaround we identified was to have merchants manually add the to their head tag, and we updated our app to delete the existing script tag. This circumvents the asyncLoaded function.

Hi @rheannonedev , That makes sense, thanks for the quick feedback. It doesn’t make really sense for us as it would require manual code/template changes for the merchant which is the reason we built the app. :confused: We added it to our list of known Shopify issues. Luckily it doesn’t affect too …

I learned that the script tags run in chronological order, so if the merchant has a lot of apps installed before yours, it will take longer.

Thanks, that’s a good insight, but probably tough to tell advertisers to uninstall all apps and then re-install apps and ours first. :wink:

Load script on page before onLoad using scriptTag

Retired Boards Appdev Store Design

rheannonedev April 4, 2023, 1:23pm 4

I’m currently working on this same problem. I’ll update when I figure something out!

Topic		Replies	Views
Slow/delayed loading times when injecting js via shopify ScriptTag API Graphql Basics And Troubleshooting	2	74	April 22, 2021
How to load script tag for checkout pages Subscriptions	13	426	January 10, 2024
Loading custom tag on Checkout pages like TikTok app Extensions troubleshooting , Setting-Up	1	59	November 1, 2023
How to Insert Javascript on all pages of shopify based on inputs provided by user Store Design Setting-Up	2	312	January 4, 2024
Shopify ScriptTag is slow. How can I load my JS faster? Tools	4	102	April 3, 2021

Load script on page before onLoad using scriptTag

Related topics