Shopify avvikler script tags: apper mister dem 1. oktober, nettbutikker 1. mars

Den 1. mars 2027 laster en nettbutikk, og chatboblen er borte. Pop-upen som samlet inn e-postadresser, er borte. Størrelsesguiden på produktsiden mangler. Ingenting i admin forteller hvorfor.

Årsaken er en changelog-oppføring fra 24. august, rettet mot utviklere. Shopify avvikler script tags i nettbutikken og har satt endelige frister.

To datoer, og hvilken som gjelder deg

En script tag er en måte for en app å laste sin JavaScript på hver side i nettbutikken uten å røre temakoden. Shopify lanserte erstatningen i 2021 som theme app extensions med app embed blocks, og har nå satt sluttdatoer.

Denne avviklingen gjelder bare nettbutikken. Script tags har aldri kjørt i kassen.

Spørringen scriptTags og mutasjonen scriptTagDelete fortsetter å virke etter 1. oktober. Gjennomganger og oppryddingsflyter vil fungere som normalt.

Hva som slutter å virke, og bryteren bare butikkeieren kan slå på

Appkategoriene som tradisjonelt har brukt script tags: live chat, pop-ups og e-postinnsamling, anmeldelsesstjerner og trust badges, valutavelgere, sesjonsopptak og heatmaps, og eldre sporingspiksler. Mange av disse appene ble installert for flere år siden og glemt. Shopify har ikke publisert noen liste over berørte apper. Selskapet oppgir heller ikke hvor mange butikker som bruker dem.

Fellen ligger i hvordan erstatningen fungerer. Erstatningen for synlige funksjoner er en app embed block i en theme app extension. App embed blocks er inaktive til butikkeieren slår dem på i temaredigereren. Appen kan ikke aktivere dem på vegne av butikkeieren.

De aktiveres per tema, så når et nytt tema publiseres, deaktiveres embed-en igjen. Å publisere et Black Friday-tema er et vanlig eksempel. Konsekvensen: utvikleren leverer en oppdatering, sender en e-post, og inntil noen i butikken åpner Online Store, går til Themes, klikker Customize, velger App embeds og slår på bryteren, kjører funksjonen enten fortsatt på den gamle script tag-en eller ikke i det hele tatt. Butikkeieren må gjenta dette steget hver gang temaet byttes. Etter 1. mars stopper det helt.

Én konkret risiko til kommer fra Shopifys egen dokumentasjon. Mens både en script tag og dens embed kjører, lastes skriptet to ganger. Analysen teller dobbelt, og grensesnittet rendres to ganger. Rekkefølgen er streng: lever embed-en, bekreft at den er aktiv på det publiserte temaet, og slett deretter tag-en. Slett aldri først.

Fem-minutters sjekken for butikkeiere

Det finnes ingen admin-rapport for denne migreringen. Installasjonsbanneret vises bare ved installasjon, så eksisterende butikkeiere ser ingenting i dashbordet sitt. Kildekoden viser alt.

Åpne forsiden til butikken i en nettleser på desktop. Vis kildekoden med standard hurtigtaster (Ctrl+U eller Cmd+Option+U). Søk i teksten etter asyncLoad.

Hver URL under den som slutter på ?shop=dinbutikk.myshopify.com, er én script tag. Domenet avslører som regel hvilken app det er. Kryssjekk deretter mot Online Store, Themes, Customize, App embeds. En app som finnes begge steder, er midt i migreringen.

En app som finnes i kildekoden, men ikke under App embeds, er den du bør sende e-post til. Spørsmålet ordrett: "Bruker appen deres fortsatt script tags i nettbutikken, og når kommer app embed-erstatningen?" Supportteam for aktive apper vet nøyaktig hva dette betyr.

Rådet om timing for butikkeiere er enkelt. Gjør gjennomgangen i september. Ikke rør appoppsettet fra midten av oktober til ut desember, i høysesongen. Slå på embeds og fjern appene der leverandøren aldri svarte, i januar og februar.

Én bieffekt er verdt å nevne én gang. Script tags lastes på hver side, enten de trengs eller ikke. Det tvinger nettlesere til å laste ned unødvendig kode. Embeds kan avgrenses til bestemte maler, for eksempel slik at størrelsesguiden bare lastes på produktsider. Oppryddingen gjør som regel butikken raskere.

Eier du appen, lever embed-en før 1. oktober

Hvorfor 1. oktober betyr mer enn 1. mars for appeiere, handler om nye installasjoner. Etter den datoen kan en ny installasjon ikke opprette en script tag, så appen er ødelagt for hver ny kunde. Butikken viser også et advarselsbanner ved installasjon hvis du verken leverer en embed eller en web pixel.

Migreringsrekkefølgen fra Shopifys dokumentasjon er tydelig. Først: bygg theme app extension-en med en app embed block. Deretter: dyplenk butikkeieren inn i temaredigereren med embed-en forhåndsaktivert. Så: bekreft at embed-en er aktiv på det publiserte temaet. Til slutt: slett script tag-en med scriptTagDelete.

Dette er spørringen vi kjører først. Den returnerer de nøyaktige kilde-URL-ene og opprettelsesdatoene.

query {
  scriptTags(first: 50) {
    nodes { id src displayScope createdAt }
  }
}

Vi bygger Shopify-apper og Shop Minis. Teamet vårt leverte en pakke på fire Shop Minis for en kunde, og to av dem nådde topp 5 i sin kategori. Vi har migrert script tag-apper til theme app extensions før.

Mønsteret vi ser, er konsistent. Selve embed-blokken er én eller to dagers arbeid. Ukene går med til å teste på nytt på butikkeierens faktiske tema, fordi skriptet forutsatte DOM-selektorer temaet ikke har, og til å jage butikkeiere for å få dem til å slå på bryteren.

Hvis skriptet bare sender hendelser, velg web pixel-veien selv om det betyr å droppe en funksjon, fordi den ikke krever noe av butikkeieren.

Hver leser har ett konkret neste steg. Butikkeiere: kjør kildekodesjekken i dag. Appeiere: kjør scriptTags-spørringen på tvers av installasjonene dine og tell dem.