HTML-felt: Sett inn Cookiebot, GTM og andre skript i nettbutikken din
Slik bruker du Shoporama HTML-felt til å sette inn Cookiebot, Google Tag Manager, Facebook Pixel, chat-widgeter og annen tilpasset HTML/JavaScript i nettbutikken din.
Trenger du en Cookiebot, Google Tag Manager, Facebook Pixel, en chat-widget eller en bekreftelseskode fra Google Search Console i nettbutikken din? Dette gjør du via HTML-felt i Shoporama. Her kan du sette inn koden du har mottatt fra tredjeparter, og velge om den skal settes inn automatisk i <head> eller <body> på siden.
Slik finner du HTML-felt
- Klikk på tannhjulet øverst i høyre hjørne for å åpne Innstillinger
- Velg Nettbutikk fra menyen
- Klikk på HTML-felt
Slik oppretter du et HTML-felt
- Klikk på Legg til nytt HTML-felt
- Gi feltet et beskrivende navn uten mellomrom, for eksempel cookiebot, chat_widget eller gsc_verify. Navnet brukes som tagnavn hvis du senere vil kalle opp feltet manuelt i et tema.
- Lim inn koden din i tekstfeltet
- Velg plassering:
- Sett innpå slutten av <head> for verifiseringstagger, Cookiebot og skript som må lastes inn tidlig
- Legg til sist i <body> for chat-widgeter og skript som må vente
- Ikke legg til automatisk hvis du vil kontrollere plasseringen i et privat tema
- Klikk på Lagre
Tips: Du kan slette et felt ved å tømme innholdet og klikke på Lagre.
Typiske bruksområder
- Cookiebot - banner for samtykke til informasjonskapsler. Hvis du setter det inn først i <head>, kan det blokkere andre sporingsskript inntil kunden har gitt sitt samtykke.
- Google Search Console / Bing Webmaster Tools - metatagger for verifisering som bekrefter at du eier domenet
- Hotjar, Microsoft Clarity, Mouseflow - varmekart og øktopptak
- Chat-widgeter - Tidio, Zendesk Chat, Intercom, Drift og lignende
- Tilpasset HTML, CSS eller JavaScript - smarte ekstrafunksjoner i ditt eget design
HTML-felt eller Tracking - hva skal jeg bruke?
Shoporama har også en side under Innstillinger → Nettbutikk → Sporing med ferdige felt for de mest brukte verktøyene:
- Google Tag Manager (GTM-ID)
- Google Analytics 4 (Measurement ID)
- Google Ads Konverterings-ID
- Google Merchant ID
- Facebook Pixel ID og Conversion API
Hvis du bare har en ID for ett av disse verktøyene, angir du den under Sporing. Shoporama vil automatisk ta seg av riktig oppsett og e-handelshendelser. Bruk bare HTML-felt når du har en del av koden som ikke passer inn i et av de faste feltene, for eksempel Cookiebots fullstendige skript eller en verifiseringstag.
Innebygd sporing på serversiden: Shoporama har sin egen sporingsløsning på serversiden (sGTM via Stape). Du trenger ikke å sette opp en Tag Manager selv - bare aktiver sporing på serversiden under Sporing, skriv inn ID-ene dine for GA4, Facebook og Google Ads, så sender Shoporama e-handelshendelser på serversiden. Du får også signalering uten informasjonskapsler i fravær av samtykke. Valgfritt fra 89 kr/md eks. MVA.
Egen GTM: Hvis du foretrekker å administrere alt selv i din egen Google Tag Manager-container, kan du sette inn GTM-ID-en din under Tracking og administrere Cookiebot, Pixel, Hotjar osv. i GTM. De to løsningene bør ikke kjøre samtidig.
Bruk HTML-felt manuelt i et tema
Hvis du har et privat tema og vil plassere et HTML-felt på et bestemt sted i malen, setter du feltet til Ikke legg til automatisk og kaller taggnavnet i Smarty-malen din:
<{$webshop->getHtmlField('cookiebot')}>Innholdet gjengis rått, så <script>-tagger fungerer som forventet. Husk å slå av automatisk innsetting, ellers vil feltet bli inkludert to ganger.
HTML-felt andre steder enn i nettbutikken
HTML-feltet du oppretter under Innstillinger → Nettbutikk gjelder for hele nettbutikken. Hvis du bare vil ha et skript på enkeltprodukter, kategorier, sider, blogginnlegg eller destinasjonssider, kan du opprette HTML-felt direkte på disse objektene under deres respektive redigeringssider. Dette er praktisk for f.eks. skjemamerking eller en kampanjepiksel som bare skal utløses på én landingsside.
Viktig om sikkerhet og hastighet
- Sett bare inn kode fra kilder du stoler på. Dårlig eller feilaktig JavaScript kan påvirke hele butikken, inkludert kassen
- Hvert ekstra skript koster i sidehastighet. Bruk async eller defer hvis tredjeparter anbefaler det
- Test alltid i butikken i etterkant, for eksempel ved å høyreklikke i nettleseren og velge Vis kildekode for å se at koden er inkludert
Ofte stilte spørsmål
Hvor finner jeg HTML-felt i administratoren?
Gå til Innstillinger → Nettbutikk → HTML-felt. Hvis menyelementet ikke er synlig, kan det hende at brukeren din mangler rettigheter - spør personen som satte deg opp.
Kan jeg ødelegge butikken min ved å rote med HTML-feltene?
Du rører ikke produktene, ordrene og kundene dine. I verste fall kan en feil kodesnutt få sidene til å se rare ut eller påvirke ytelsen. Fjern feltet og lagre, så er det borte igjen.
Hvordan tester jeg om HTML-feltet mitt fungerer?
Åpne butikken i en privat nettleserfane, høyreklikk og velg Vis kildekode. Slå opp en del av koden din (f.eks. en kommentar eller en tag-ID). For sporingsskript kan du installere nettleserutvidelser som Tag Assistant (GTM/GA4) eller Pixel Helper (Facebook).
Hvordan sletter jeg et HTML-felt jeg ikke lenger bruker?
Tøm hele innholdet i feltet, og klikk på Lagre. Feltet vil forsvinne. Sjekk først at taggnavnet ikke er kalt manuelt et sted i et privat tema, ellers kan du få en tom flekk eller en feilmelding.
Hva er forskjellen mellom Innstillinger → Sporing og HTML-felt?
Sporing har ferdige felt for de mest brukte verktøyene (GA4, Facebook Pixel, Google Ads, Microsoft Ads osv.) der du bare setter inn ID-en din. På samme sted aktiverer du Shoporamas innebygde sporing på serversiden, slik at du ikke trenger å vedlikeholde en Tag Manager-container selv. HTML-felt er den gratis løsningen for alt annet - som Cookiebot, bekreftelseskoder og chat-widgeter. Hvis du har valget, bruk Tracking - Shoporama kobler de offisielle integrasjonene riktig.
Bør Cookiebot plasseres i <head> eller <body>?
Cookiebot bør settes inn først i <head> for å blokkere sporingsskript til kunden har gitt samtykke. Velg derfor Sett inn sist i <head> i HTML-feltet. Følg deretter Cookiebots egne instruksjoner for å merke andre skript med samtykkeattributter.
Påvirker HTML-felt sidehastigheten?
Ja - hvert ekstra skript koster i innlastingstid og kan påvirke Core Web Vitals. Hold antallet nede, bruk asynkronisering eller utsettelse der det er mulig, og vurder å samle flere skript i Google Tag Manager slik at de lastes inn samlet på ett sted.
Må jeg konfigurere det på nytt i hver av nettbutikkene mine?
Ja - HTML-feltene er per nettbutikk. Hvis du ønsker å holde det konsekvent på tvers av flere butikker, er den enkleste måten å legge alt i én GTM-container og bare sette inn GTM-ID-en under Tracking i hver butikk.
Hvis du har spørsmål, er du velkommen til å kontakte oss på support@shoporama.dk.
Relaterte artikler
Sporing på serversiden i Shoporama
Veiledning for hvordan du konfigurerer sporing på serversiden i Shoporama-nettbutikken din for bedre datakvalitet.
Samtykke til informasjonskapsler og samtykkemodus v2
Veiledning for hvordan du konfigurerer samtykke til informasjonskapsler med Google Consent Mode v2 i Shoporama for å overholde GDPR og optimalisere...
Samtykke til informasjonskapsler og GDPR
Guide til samtykke til informasjonskapsler og GDPR i Shoporama, inkludert Google Consent Mode v2, informasjonskapselkategorier og tilbakekalling av...
Databehandleravtale
Veiledning for å godkjenne databehandleravtalen med Shoporama i henhold til GDPR.