Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här add to Google Analytics Event Tracking i WordPress

Redaktionell anmärkning: Vi tjänar en provision från partnerlänkar på WPBeginner. Provisionen påverkar inte våra redaktörers åsikter eller utvärderingar. Läs mer om Redaktionell process.

Vill du spåra användarnas aktivitet när de är inne på din site? Du kan spåra sidvisningar, referral source, tid på sidan och mycket mer genom att helt enkelt installera Google Analytics, men för mer djupgående insikter måste du använda event tracking. I den här artikeln visar vi dig hur du add to Google Analytics event tracking i WordPress.

Vad är Event Tracking i Google Analytics

Event tracking allow you to measure user interactions on your website. Dessa interaktioner kan vara saker som att gilla att klicka på en knapp, spela upp ett videoklipp, downloada filer, submit formulär etc.

Låt oss anta att du har add to ett videoklipp till din produkt page, och nu vill veta hur effektivt det är för din konvertering. Event tracking allow you to track how many users played the videoklipp, så att you can judge for yourself.

Ett annat exempel är Ajax-baserade formulärinlämningar. Om du använder Gravity Forms eller något annat plugin för kontaktformulär, resulterar inte formulärinlämning i en new pageview.

Med hjälp av händelse tracking kan du se hur användare interagerade med ett formulär.

Detsamma gäller för download av filer som ingår på en page. You can track how many users downloaded a file using event tracking and even which button on the page was clicked most.

Händelsespårning skiljer sig från tracking av links i Google Analytics. Du kan spåra länkar i WordPress med hjälp av Google Analytics genom att helt enkelt lägga till UTM-källa till en länk.

Dessa mätbara actions allow you att se hur användare beter sig på din site. You kan sedan ändra din strategi för att add to content som genererar mer engagemang och interaktion från användarna. I slutändan innebär det mer försäljning och konverteringar på din website.

Kom igång

Innan du kommer igång måste du konfigurera och installera Google Analytics på din site i WordPress. Om du ej är bekant med att använda Google Analytics kan du prova vår guide för nybörjare om hur du använder Google Analytics.

Om du redan använder Google Analytics kan du hoppa direkt till tracking av händelser.

Upgrade to Universal Analytics-koden

Det finns för närvarande två typer av Google Analytics som implementeras på websites. Google håller långsamt på att ta bort den äldre koden genom att be webbansvariga att använda den nyare ”Universal Analytics Code”.

Om din Google Analytics-kod ser ut så här:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXX-1', 'auto');
  ga('send', 'pageview');

</script>

Då använder du redan den nyare Universal Analytics-koden. Det finns ingen obligatorisk action och du kan gå vidare till nästa steg.

Om din kod inte gillar det här, använder du förmodligen den äldre Google Analytics-koden. You will need to upgrade, Google har en detaljerad upgrade guide för det. I princip om du inte använder avancerade funktioner för tracking i Google Analytics, kan du bara byta ut den gamla koden mot den new från ditt accounts property settings.

Skapa din händelse i Google Analytics

Först måste du skapa din händelse i ditt Google Analytics konto. Logga bara in i din Analytics dashboard och click på Admin-länken högst upp. Om du har flera webbplatser under ditt Analytics-konto, se då till att du säker på att du viewar dashboarden för den site där du vill add to händelsen.

Google Analytics dashboard

Det finns tre Column under admin page. Klicka på länken ”Goals” under kolumnen ”View”.

Creating Goals in Google Analytics

Klicka sedan på knappen new goal för att skapa ett mål. Från Goal Setup-alternativen måste du välja alternativet custom och sedan klicka på nästa knapp för att fortsätta.

Creating custom goal in Google Analytics

Då kommer du till steget Målbeskrivning. Du måste ange en rubrik för ditt custom mål, detta är något som kommer att hjälpa dig att identifiera målet i Google Analytics.

Under måltypen måste du select Händelse. Därefter klickar du på knappen Nästa steg för att fortsätta.

Entering custom goal title and selecting event as the goal type

Det sista steget är att ange målets details. Du måste enter villkoren för händelsen här.

Analytics kommer att räkna en konvertering när alla dessa villkor matchar.

I det här exemplet har vi angett en kategori och action för händelsen. Vi har enter en etikett för händelsen och angett ett värde. Beroende på vilken typ av händelse du försöker skapa kan du namnge dina egna kategorier, actions och etiketter.

Om du anser att din händelse bör skicka ett värde som kan beräknas kan du enter det värdet här. Men för den vanligaste trackingen av händelser fungerar det också bra att använda värdet 0.

Entering event conditions for custom goal in Google Analytics

Klicka slutligen på knappen Skapa mål för att save och aktivera målet. Du har utan problem aktiverat tracking för en händelse i Google Analytics. Nästa steg är att spåra denna händelse på din website och skicka data till Google Analytics.

Lägga till Google Analytics Event Tracking onClick

Det enklaste och kanske snabbaste sättet att add to Google Analytics event tracking är genom att använda onclick-metoden. Denna metod skickar helt enkelt händelsevillkor till Google Analytics när användaren klickar på ett element.

I det här exemplet spårar vi användare som klickar på länken för download av e-bok.

Vi kommer att add the onClick parameter to the download link using this format.

onClick="ga('send', 'event', 'category', 'action', 'label', 'value');"

You will need to replace category, action, label, and value with your event’s conditions. Slutligen skulle din download-länk se ut så här.

<a onClick="ga('send', 'event', 'Downloads', 'Click', 'Ebook downloaded', '0');" href="http://example.com/wp-content/uploads/2015/06/free-ebook.pdf">Download Free Ebook</a>

Det är all, när användare klickar på den här länken, kommer det att skicka en händelse till Google Analytics som kommer att visas i din webbplats rapportering.

Lägga till händelse tracking med hjälp av Google Tag Manager

Google Tag Manager är ett onlineverktyg som allow to add olika trackingkoder som tags under en dashpanel.

Du kan också använda det för att skapa taggar för att spåra händelser i ditt Google Analytics account. Den största fördelen med att använda Google Tag Manager är att du inte behöver infoga kod manuellt på din website och att du kan hantera alla dina tags från en och samma location.

Om du redan har lagt till spårningskod för Google Analytics på din site manuellt måste du remove den. Använd vår tutorial om hur du installerar och konfigurerar Google Tag Manager i WordPress för att add to Analytics-kod till din website.

När du utan problem har lagt till Google Analytics-taggen i tagghanteraren är nästa steg att skapa en new trigger. I den här tutorialen kommer vi att spåra en inlämning av ett kontaktformulär som en händelse.

Klicka på Triggers i tagghanteraren och klicka sedan på knappen New.

Triggers in Google Tag Manager

Då kommer du till Wizard för skapande av triggers. Det är här du väljer formuläret event select.

Choose form as your event

Under konfigurera trigger section, du måste avmarkera vänta på tags och kontrollera alternativ för bekräftelse. Klicka sedan på knappen Fortsätt för att gå till nästa steg.

Configure trigger options

I nästa steg måste du välja när utlösaren ska aktiveras. Om din page bara har ett formulär kan du välja all forms. Om din page har mer än ett formulär klickar du på knappen Some forms.

When to fire the trigger

Om din page har mer än ett formulär och du vill spåra ett specifikt formulär måste du tala om för Google Tag Manager vilket formulär du vill spåra. När du klickar på knapparna för vissa formulär kommer du att se filter.

Creating a fire on filter

Ett filter är helt enkelt en uppsättning instruktioner som gillar om A matchar B, skjut sedan avtryckaren. You need to select new variable (du måste välja en ny variabel).

Om du väljer new variable får du upp en popup där du kan skapa din egen variabel. Select DOM-element som din variabeltyp. Next, under konfigurera variabeln väljer du ID:n som din urvalsmetod.

Nu måste du hitta ditt formulärs ID. Gå till formulärets page på din site i WordPress, för muspekaren till det första formulärfältet och select inspect element.

Din webbläsares vy kommer att delas upp i två delar. Du kommer att se HTML för din page längst ner på vyn. ID-attributet kommer antingen att vara en del av din <form> tagg eller div som innehåller formuläret.

Finding the form element ID

Copy and paste formulärets ID under elementets ID:n och attribut. Klicka sedan på knappen Skapa variabel.

Du kommer tillbaka till Fire on filter där du nu kan select din custom variable. I matchningsregeln select ’contains’ och enter sedan ditt formulärs ID igen.

Klicka nu på knappen create trigger för att fortsätta.

Nästa steg är att skapa en tagged för den händelse vi vill spåra. I Google Tag Manager klickar du på Tags och klickar sedan på knappen New.

Detta tar dig till guiden för att skapa taggar. Välj Google Analytics som din produkt och klicka sedan på knappen Fortsätt.

Creating an event tracking tag in Google Tag Manager

Nu måste du välja Universal Analytics som din taggtyp. Du kommer att bli ombedd att ange ditt ID:n för tracking i Google Analytics. You can obtain this from your Google Analytics account.

Under track type måste du select händelse och sedan ange information om kategori, action, etikett och värde. I det här exemplet använde vi Forms som kategori, form submission som action, contact form som etikett och submitted som värde.

Klicka på knappen Fortsätt för att gå vidare till nästa steg. Det är här du selectar när taggen ska aktiveras. Click på knappen more och select den trigger som du skapade tidigare.

Select your trigger

Slutligen kan du clicka på knappen create tag för att save your tag.

Kom ihåg att när du sparar en tagg blir den ej live på din website. Du måste fortfarande klicka på knappen Publicera för att den ska bli Live.

Publish your container

Det var all, du kan nu gå till din website och submit formuläret. Gå till Real Time ” Events i ditt Analytics account och du kommer att se din händelse trackad och registrerad.

Event tracked in Google Analytics

Med hjälp av tag manager kan du skapa olika typer av händelser och hantera dem all från Google Tag Manager. It also saves you from editing your WordPress themes or adding tracking code manually.

Vi hoppas att den här artikeln hjälpte dig att add to Google Analytics event tracking på din WordPress site. Du kanske också vill kontrollera vår lista över de 7 bästa analyslösningarna för WordPress-användare.

Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

13 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Andrew Laws says

    Well thank goodness for this blog post!

    I have been banging my head against a wall trying to get Contact Form 7 form submissions to trigger as an event in Analytics for a long time.

    I’m struggling to get the event goal working properly in Analytics though. In the goal details I have set up the following but goals are not being recorded:

    Category (equals to) – Forms
    Action (equals to) – Form submission
    Label (equals to) – Contact form
    Value (greater than) – 1

    Initially I left the value field empty as I can’t enter ’Submitted’ so it matches the trigger in Tag Manager.

    Can you spot where I’m making a glaring mistake here?

    Thanks!

  3. Nathan says

    Hey guys!! Awesome article!!

    I’ve been having a problem with event tracking on click. I’m using wordpress 4.5 fashionista theme, the problem is:

    When I add the tracking code to the link on the text editor it’s everything ok. But If I make any change on the visual editor on the same article after this and save it, the event tracking code simply desapear!!!

    Could someone help me with this issue? I’m placing the event code just after the ”a” on the beggining of the tag, as the example of the article…

    Thank very much!!!

  4. Adam Belson says

    Hi. We are having problems when adding tracking code (using Tracking on Click). When we do so, we’re seeing that on mobile devices the button no longer works. Not sure if there is anything obvious we need to do differently?

  5. Max says

    Hey guys!

    The article is just brilliant.

    I am not sure if there was an upgrade since your post, but i am stuck on ”Create Trigger” stage.
    First two steps – no problems, but the third (Enable When) and fourth (Fire On) are different for me than what you show.
    For you, #3 is ”Fire On” with options (All form, some forms) instead of ”Enable When” with only filters for me.

    So, i have only filters in step 3 ”Enable When” and step 4 ”Fire On”.
    Going through your guide i ended up with both of them having my Form ID in DOM element.

    Is that correct?

  6. Honza says

    Nice article. I was looking for some WP plugin able to do this but now I see it is not necessary.
    However, what if I need to know from which site visitor came and submited a form?
    I have codes tracking AdWords or Facebook but how to track conversions from regular websites? Any plugin needed?
    Thank you for your help.

  7. peter says

    I set up the goal okay and then inserted the onClick code into the link as described, I hit update, but the code disappears when I go to visual and then back to text view. What am i doing wrong?

  8. Bob Senoff says

    Hey Syed,

    Excellent piece especially covering Google Tag manager which makes it a lot easier to maintain all of your tags in one place.

    Since it’s important to be tracking Google Events on your Call to Action and Buy Now buttons I wanted to point out that MaxButtons Pro lets you do that without any additional coding on the buttons.

    Best,

    Bob

  9. JANE says

    This is super helpful. I was able to follow the instructions to make sure that my goals and tags were setup correctly. I was troubleshooting why my goals have 0 completions. It turned out I forgot to publish my tags. Thanks for the step by step instructions.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.