Stäng Huvudmeny

Spåra Device Orientation i Google Analytics

Google Analytics Mobil Webbanalys

För att ha koll på dina mobila användare – och se hur de använder din sajt, behöver du mäta om/när de flippar sin telefon. Från landscape till horizontal – eller tvärtom.

Det kommer hjälpa dig att:

  • Anpassa innehållet till använd skärmupplösning
  • Identifiera befintliga UX problem

Mobile Orientation för läsbarhet

Device orientation

Det finns flera sätt att mäta ”device orientation” på, vi har valt att visa ett alternativ som skickar en variabel från Google Tag Manager (GTM), tillsammans med din befintliga Pageview-tag som skickas in till Google Analytics (GA).

Denna guide förutsätter att du:

  • har Google Analytics
  • använder GTM
  • redan skickar Pageview’s från GTM till GA

Så här får du koll på Device Orientation:

1 GTM: Skapa en ny User-Defined Variable (Custom
JavaScript)

Det är denna variabel som innehåller det script som registrerar mobilens vertikala eller horisontella läge.

  1. Logga in i ditt GTM-konto, klicka på Variables i vänstermenyn
  2. Välj ”New” och ”Customer JavaScrip”
  3. Den ska enbart innehålla den kod du hittar längst ner i posten.
  4. Döp om ”Untitled Variable” till ”Device Orientation”.
  5. Spara genom att klicka ”Create Variable”.

Custom Variable GTM

2 GA: Skapa en Custom Dimension

För att Google Analytics ska kunna ta emot variabeln behövs en ”Custom Dimension” och den ska ske på ”hit-level”.

  1. Logga in i GA, gå till ”Admin – Property – Customer Definitions – Custom Dimensions”
  2. Välj ”New Custom Dimension” och sätt namnet ”Device Orientation” – välj Scope ”Hit”
  3. Notera det ID din Custom Dimension har – det ska användas i nästa steg.
  4. Spara.

Custom Dimension GA

3 GTM: Ändra befintlig Pageview Tag

För att du i GA ska kunna använda Device Orientation som ”Secondary Dimension” vill du skicka variabeln på detta sätt.

  1. Gå tillbaka till GTM och välj ”Tags” i vänstermenyn
  2. Hitta den Tag du har som skickar Pageviews för alla sidor, vår heter ”GA Pageview on All Pages”
  3. Välj ”Configure Tag” och klicka på ”Add Custom Dimension”
  4. ”Index” är det Custom Dimension-ID du kommer ihåg från GA steg 2
  5. ”Dimension Value” är {{Devic… den autocompletar till {{Device Orientation}} – välj den
  6. ”Save Tag”

Pageview-tag GTM

Klart! Så här ser det nu ut i GA:

  1. Gå in i en rapport och välj den sida du vill ha data för.
  2. Addera Secondary Dimension ”Device Orientation”.

Second Dimension GA

Device Orientation GA

Observera att data bara kommer att visas i det fall besökaren kommer in från mobil – jämför 220 besökare (alla enheter) vs 103 (mobil), i exempelbilderna ovan.

Observera också att data inte skickas retroaktivt.

Lämna en kommentar längst ner vid frågor.

Kod till din Custom Variable:


Simon Dahla Om Simon

Simon är en digital inföding och har jobbat med webb (aka the intrawebz) sedan barnsben. Han har tidigare jobbat här på Conversionista som en experimentninja - han älskar att A/B-testa.

  • Genereras en ny hit om användaren flippar sin device. Dvs om jag visar page som primary dimension och device orientation som secondary så kan samma användare finnas representerad i bägge data-setten om de roterat sin device?
    Kan man trigga ett event om användaren roterar? Kan var intressant att analysera på vilka sidor använarna tenderar att rotera !

    • Hej,
      Per default, nej. Istället vill skicka in ”orientation” som ett event kan du använda följande kod: https://gist.github.com/simondahla/af194858daf51b763e955ba1f4f8dc1d

      Då skulle jag ta bort den version som du använder nu, och ersätta den med denna.

      Lägg koden i en Custom HTML-tagg.

      Om du inte redan har en GA-event-tagg som triggas, ett par Data Layer Variables, så måste du lägga till dem.

      När du gjort det får du in händelserna som event och då skickar Event Action huruvida besökaren har landat på sidan liggande/stående och om dom har ”flippat”.

      Om du skulle vilja både köra den som en CD och som event, skulle jag föreslå att lägga en halvtimme på att optimera koden så att bibliotek för att känna av mobilenheter inte laddas två gånger.

Få gratis konverteringstips

Anmäl dig till vårt nyhetsbrev

Nyhetsbrev

Lär av…

Kundcase Mathem ✻ Guldkorn
✻ Mallar och metoder
✻ A/B-tester och resultat
Lär av case

Kan du göra lika?

Se kundcase Se kundcase✔︎ Analys & webbpsykologi
✔︎ A/B-tester & resultat
Se alla case

Få platser kvar till flera seminarier

Anmäl dig till seminarium ✔︎ Webbpsykologi & verktyg
✔︎ A/B-testning & Google 360
✔︎ Snacka med experterna

Flera tillfällen i vinter

Säkra din plats

Spara 1000 kr

Conversion Jam 2017

Missade du?

Världens största CRO-event

Spara 1000 kr på din biljett till CJAM8

Du, kontakta oss!

Kontakta oss
Gitte eller hennes awesome kollegor hjälper dig.