Widgets för webbplatsundersökning – Avancerade inställningar
Innehållsförteckning
Med en webbplatsundersökning kan du samla in feedback direkt från webbplatsens besökare via en widget som är enkel att implementera. I den här artikeln presenteras några avancerade inställningar för din webbplatswidget. Nedan ser du hur widgeten kan se ut på din webbplats:
Obs: Alla kodsnuttar som tillhandahålls i det här dokumentet är alltid avsedda att användas och köras efter huvudwidget-snutten och som Javascript-kod.
Så här skapar du en webbplatswidget
För att komma igång går du till distributionsområdet för din valda undersökning och klickar på Webbplatsundersökning.
Du kommer att omdirigeras till en sida för widgetdistributionsmetod med alla inställningar inställda på sina standardvärden.
Obs: Widget-undersökningsdistributionen ingår i vissa Netigate-licenser, men den kan också köpas separat som ett tillägg. Om du inte ser Widget-distributionen och vill lägga till den här funktionen i ditt paket, vänligen kontakta din kontoansvarige.
Widget-inställningar
Frågetyper som stöds:
- Radioknapp
- Net Promoter Score (NPS)
- Öppet textsvar
Obs: Andra frågetyper, t.ex. kryssrutor, matrisfrågor kan återges felaktigt som radioknappar. Andra frågetyper än de 3 som listas ovan stöds inte.
Widgetinställningarna är indelade i tre delar: Visning, Konfiguration och Aktivering.
Visningsinställningar
Undersökningsknapp: Växlar synligheten för enkätknappen.
Enkätknappen är placerad i kanten av webbläsarfönstret och följer besökaren när denne scrollar. Den är synlig ovanför allt annat innehåll. Om du klickar på den aktiveras enkätwidgeten. Om det här alternativet är inaktiverat kommer enkäten att visas i skriptets överordnade behållare ELLER i det element som anges i alternativet position (kräver en giltig html-selector-sträng). Följande knappalternativ är tillgängliga när enkätknappen är aktiverad:
Knapptext: Definiera texten på enkätknappen. max 40 tecken
Knappens placering: Definiera enkätknappens position. Tillgängliga alternativ: Vänster, Höger.
Bakgrundsfärg: Undersökningsknappens bakgrundsfärg.
Textfärg: Textfärgen på enkätknappen.
Konfiguration
Enstaka svar per respondent: Aktivera det här alternativet för att förhindra att besökare besvarar samma enkät flera gånger (på samma enhet). Detta baseras på en cookie som varar i 365 dagar. Om en besökare redan har svarat på enkäten kommer widgeten inte att initieras igen.
Aktivera widgeten för webbplatsundersökningen
Aktivering: Stäng av detta för att tillfälligt avaktivera widgeten oberoende av resten av distributionsmetoderna. Den här inställningen är aktiverad som standard.
Hämta widgetkoden och integrera den på din webbplats
När du har sparat dina ändringar tar du kodsnutten och kör den på din webbplats.
Det gör du genom att klicka på Hämta kod längst ner på Widget-sidan efter att du har sparat ändringarna. Du kan också hitta en Get code-knapp för varje widgetdistributionsmetod i distributionslistan i undersökningen.
Där hittar du widgetens huvudkodsnutt innesluten i HTML-taggar. Kopiera hela skriptet för att klistra in det som HTML i slutet av <body> i HTML-dokumentet på din webbplats.
Påminnelse: Se till att undersökningens slutdatum inte redan har inträffat, att startdatumet ligger i det förflutna och att undersökningen är Aktiverad. Annars kommer widgeten inte att visas på din webbplats.
Använda Google Tag Manager med Feedback Widget
Efter installationen på din webbplats har du möjlighet att konfigurera hur widgeten visas baserat på logik som skapats i Google Tag Manager. Det innebär att du kan välja att visa widgeten när åtgärder vidtas som t.ex:
- Ladda ner en fil
- Skriva in text i ett fält
- Landa på en viss sida
- Visas endast för vissa användare
- Och mer…
Att använda Google Tag Manager för att skapa dessa regler skulle vara kundspecifikt. Det betyder att sättet som en trigger konfigureras för dig kan vara annorlunda än hur den konfigureras för någon annan. På grund av detta är det svårt för oss att skapa exempel på hur du kan skapa regler.
Istället rekommenderar vi att du arbetar med en utvecklare på din sida, eller till och med med Google Tag Managers Help Center, för att avgöra hur du bäst skapar dessa triggers för din specifika webbplats kodbas.
Åsidosättningsalternativ
Kunder kan ändra olika aspekter av widgeten med hjälp av sin egen CSS, till exempel följande exempel:
- Ändra teckensnittsstilen genom att tillämpa egna teckensnittsregler.
- Justera utfyllnad, marginaler eller avstånd för att bättre passa deras design
- Ställa in widgetkanter, inklusive kantfärg, tjocklek och avrundning
Viktiga anmärkningar:
- Dessa ändringar kommer att gälla för alla versioner av widgeten på webbplatsen.
- Ändringarna görs via webbplatsens CSS.
- Kunderna kan anpassa stilarna fritt, men dessa ändringar stöds inte officiellt av Netigate.
Om dessa anpassningar behövs måste kunderna ha sitt interna utvecklingsteam för att implementera och hantera dessa ändringar.
Alla widgetinställningar i verktyget kan åsidosättas. Det finns två huvudsakliga egenskaper
- data-config (valfritt):
du kan ändra dessa egenskaper efter att du har kopierat skriptet.
Alla tillgängliga åsidosättbara alternativ:
-
buttonColor: any valid css color E.g. #ffffff -
textColor: any valid css color E.g. #0000 -
display:it should only be button or inlinedisplay=buttondisplay=inline
-
position: in case of button it should be left or right. In case of inline, the page element the widget is to be embedded in should be specified. It should be a valid html element selector, under copy selector.- Button (left or right)
position=rightposition=left
- Button (embedded/inline)
position=#page > div > div > div.subnavigation
- Button (left or right)
-
buttonText: define the text to display on the button (max 40 characters)
-
data-widgetId (mandatory)
valid widget id is required (pre-populated from distribution page)
Overriding options, example:
Button example:
<!-- Netigate Widget -->
<netigate-widget-config data-config="buttonColor=#ffffff,textColor=#006699,display=button,position=left,buttonText=Feedback" data-widgetId="418cbc43-13e4-4f44-b82e-73741dab733f">
<script type="module" async crossorigin src="https://netigate.se/modules/feedback-widget/netigate-feedback-widget.js?v=2023-12-11T08:52:43:0197"></script>
</netigate-widget-config>
<!-- End Netigate Widget --><!-- End Netigate Widget --><!-- Netigate Widget -->
<netigate-widget-config data-config="buttonColor=#ffffff,textColor=#006699,display=inline,position=#page > div > div > div.subnavigation,buttonText=Feedback" data-widgetId="418cbc43-13e4-4f44-b82e-73741dab733f">
<script type="module" async crossorigin src="https://netigate.se/modules/feedback-widget/netigate-feedback-widget.js?v=2023-12-11T08:52:43:0197"></script>
</netigate-widget-config>
<!-- End Netigate Widget --><!-- End Netigate Widget -->
Skulle du kunna ge förslag på hur vi kan göra denna artikel bättre?