HTML-felter: Indsæt Cookiebot, GTM og andre scripts i din webshop
Sådan bruger du HTML-felter i Shoporama til at indsætte Cookiebot, Google Tag Manager, Facebook Pixel, chat-widgets og anden brugerdefineret HTML/JavaScript på din webshop.
Skal du have Cookiebot, Google Tag Manager, Facebook Pixel, en chat-widget eller en verifikationskode fra Google Search Console på din webshop? Det gør du via HTML-felter i Shoporama. Her kan du selv indsætte den kode, du har fået af tredjepart, og vælge om den skal indsættes automatisk i sidens <head> eller <body>.
Sådan finder du HTML-felter
- Klik på tandhjulet i øverste højre hjørne for at åbne Indstillinger
- Vælg Webshop i menuen
- Klik på HTML-felter
Sådan opretter du et HTML-felt
- Klik på Tilføj nyt HTML-felt
- Giv feltet et beskrivende navn uden mellemrum, fx cookiebot, chat_widget eller gsc_verify. Navnet bruges som tagnavn, hvis du senere vil kalde feltet manuelt i et tema
- Indsæt din kode i tekstfeltet
- Vælg Placering:
- Indsæt sidst i <head> til verifikations-tags, Cookiebot og scripts der skal loade tidligt
- Indsæt sidst i <body> til chat-widgets og scripts der gerne må vente
- Tilføj ikke automatisk hvis du selv vil styre placeringen i et privat tema
- Klik Gem
Tip: Du kan slette et felt ved at tømme indholdet og klikke Gem.
Typiske anvendelser
- Cookiebot – cookie-samtykkebanner. Indsætter du den først i <head>, kan den blokere andre tracking-scripts indtil kunden har givet samtykke
- Google Search Console / Bing Webmaster Tools – verifikations-metatags der bekræfter at du ejer domænet
- Hotjar, Microsoft Clarity, Mouseflow – heatmaps og session-recordings
- Chat-widgets – Tidio, Zendesk Chat, Intercom, Drift og lignende
- Custom HTML, CSS eller JavaScript – smarte ekstra funktioner i dit eget design
HTML-felter eller Sporing – hvad bruger jeg?
Shoporama har også en side under Indstillinger → Webshop → Sporing med færdige felter til de mest brugte værktøjer:
- Google Tag Manager (GTM-ID)
- Google Analytics 4 (Measurement ID)
- Google Ads Conversion ID
- Google Merchant ID
- Facebook Pixel ID og Conversion API
Har du blot et ID til et af disse værktøjer, så indtast det under Sporing. Shoporama sørger automatisk for korrekt opsætning og e-commerce-events. Brug først HTML-felter, når du har en kodestump der ikke passer ind under et af de faste felter, fx Cookiebots fulde script eller en verifikations-tag.
Indbygget server-side tracking: Shoporama har sin egen server-side tracking-løsning (sGTM via Stape). Du behøver ikke selv at opsætte en Tag Manager – aktivér blot server-side tracking under Sporing, indtast dine ID’er for GA4, Facebook og Google Ads, og Shoporama sender e-commerce-events server-side. Du får også cookieløse signaler ved manglende samtykke. Tilvalg fra 89 kr/md ex. moms.
Egen GTM: Foretrækker du at styre alt selv i din egen Google Tag Manager-container, kan du indsætte dit GTM-ID under Sporing og styre Cookiebot, Pixel, Hotjar osv. inde i GTM. De to løsninger bør ikke køre samtidig.
Brug HTML-felter manuelt i et tema
Hvis du har et privat tema og vil placere et HTML-felt et bestemt sted i din skabelon, sæt feltet til Tilføj ikke automatisk og kald tagnavnet i din Smarty-template:
<{$webshop->getHtmlField('cookiebot')}>Indholdet renderes råt, så <script>-tags virker som forventet. Husk at slå auto-indsættelse fra, ellers kommer feltet med to gange.
HTML-felter andre steder end på webshoppen
Det HTML-felt, du opretter under Indstillinger → Webshop, gælder hele webshoppen. Hvis du kun vil have et script på enkelte produkter, kategorier, sider, blogindlæg eller landingssider, kan du oprette HTML-felter direkte på disse objekter under deres respektive redigeringssider. Det er praktisk til fx schema markup eller en kampagne-pixel der kun skal fyres af på én landingsside.
Vigtigt om sikkerhed og hastighed
- Indsæt kun kode fra kilder du stoler på. Ond eller fejlbehæftet JavaScript kan påvirke hele shoppen, herunder kassen
- Hvert ekstra script koster i sidehastighed. Brug async eller defer, hvis tredjeparten anbefaler det
- Test altid på din shop bagefter, fx ved at højreklikke i browseren og vælge Vis kildekode for at se at koden er kommet med
Ofte stillede spørgsmål
Hvor finder jeg HTML-felter henne i admin?
Gå til Indstillinger → Webshop → HTML-felter. Hvis menupunktet ikke er synligt, mangler din bruger måske rettigheder – spørg den der har sat dig op.
Kan jeg ødelægge min shop ved at rode med HTML-felter?
Dine produkter, ordrer og kunder rører du ikke. I værste fald kan en forkert kodestump få sider til at se mærkelige ud, eller påvirke ydelsen. Tøm feltet og gem, så er det væk igen.
Hvordan tester jeg om mit HTML-felt virker?
Åbn shoppen i en privat browser-fane, højreklik og vælg Vis kildekode. Slå op på et stykke af din kode (fx en kommentar eller et tag-id). For tracking-scripts kan du installere browser-udvidelser som Tag Assistant (GTM/GA4) eller Pixel Helper (Facebook).
Hvordan sletter jeg et HTML-felt jeg ikke bruger længere?
Tøm hele indholdet i feltet og klik Gem. Feltet forsvinder. Tjek først at tagnavnet ikke kaldes manuelt et sted i et privat tema, ellers kan du få en tom plet eller en fejl.
Hvad er forskellen på Indstillinger → Sporing og HTML-felter?
Sporing har færdige felter til de mest brugte værktøjer (GA4, Facebook Pixel, Google Ads, Microsoft Ads osv.) hvor du blot indsætter dit ID. Samme sted aktiverer du Shoporamas indbyggede server-side tracking, så du slipper for selv at vedligeholde en Tag Manager-container. HTML-felter er den frie løsning til alt det andet – fx Cookiebot, verifikationskoder og chat-widgets. Har du valget, så brug Sporing – Shoporama kobler de officielle integrationer korrekt op.
Skal Cookiebot lægges i <head> eller <body>?
Cookiebot skal indsættes som det første i <head> for at kunne blokere tracking-scripts indtil kunden har givet samtykke. Vælg derfor Indsæt sidst i <head> i HTML-feltet. Følg derefter Cookiebots egen vejledning til at mærke andre scripts med samtykke-attributter.
Påvirker HTML-felter sidehastigheden?
Ja – hvert ekstra script koster i load-tid og kan påvirke Core Web Vitals. Hold antallet nede, brug async eller defer hvor det er muligt, og overvej at samle flere scripts i Google Tag Manager så de loader styret ét sted.
Skal jeg sætte det op på ny i hver af mine webshops?
Ja – HTML-felter er pr. webshop. Vil du holde det ensartet på tværs af flere shops, er den nemmeste vej at lægge alt i én GTM-container og kun indsætte GTM-ID under Sporing i hver shop.
Har du spørgsmål, er du velkommen til at skrive til os på support@shoporama.dk.
Relaterede artikler
Server-side tracking i Shoporama
Guide til at opsætte server-side tracking på din Shoporama-webshop for bedre datakvalitet.
Cookie-samtykke og Consent Mode v2
Guide til opsætning af cookie-samtykke med Google Consent Mode v2 i Shoporama, så du overholder GDPR og optimerer din tracking.
Cookie consent og GDPR
Guide til cookie-samtykke og GDPR i Shoporama, inkl. Google Consent Mode v2, cookie-kategorier og tilbagekald af samtykke.
Databehandleraftale
Guide til at godkende databehandleraftalen med Shoporama i henhold til GDPR.