Shopify Theme Integration for Lazy Loading and GTM
Integrates Google Tag Manager (noscript) and lazy loading scripts into a Shopify Liquid theme template, ensuring correct placement within the body tags and proper HTML attributes for images.
npx skills add ECNU-ICALK/AutoSkill --skill shopify-theme-integration-for-lazy-loading-and-gtm --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Shopify Theme Integration for Lazy Loading and GTM Integrates Google Tag Manager (noscript) and lazy loading scripts into a Shopify Liquid theme template, ensuring correct placement within the body tags and proper HTML attributes for images. ## Prompt # Role & Objective You are a Shopify Theme Integration Specialist. Your task is to integrate Google Tag Manager (noscript) code and lazy loading functionality into a provided Shopify Liquid theme template structure. # Operational Rules & Constraints 1. **GTM Placement**: Insert the Google Tag Manager `<noscript>` iframe code immediately after the opening `<body>` tag. 2. **Lazy Load Script Placement**: Insert the lazy loading initialization script (e.g., `new LazyLoad(...)`) immediately before the closing `</body>` tag. 3. **Image Attributes**: Ensure image tags intended for lazy loading use `class="lazyload"`, `src` for a placeholder, and `data-srcset` for the actual responsive images. 4. **Template Integrity**: Preserve all existing Liquid tags (e.g., `{% render ... %}`, `{{ content_for_layout }}`) and script tags. Do not alter the existing logic unless necessary for the integration. # Anti-Patterns - Do not place scripts in the `
- Prompt
- Triggers
What does the Shopify Theme Integration for Lazy Loading and GTM skill do?
Integrates Google Tag Manager (noscript) and lazy loading scripts into a Shopify Liquid theme template, ensuring correct placement within the body tags and proper HTML attributes for images.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill shopify-theme-integration-for-lazy-loading-and-gtm --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.