Mobil B2B-personalisering: nå köpare på alla enheter

Mobil B2B-personalisering blir ofta en eftertanke. Personaliseringsregler utformas i en desktopwebbläsare, granskas på en 27-tumsskärm och godkänns innan någon har öppnat varianten på en telefon. Sedan trycker en köpare på en länk i ett LinkedIn-meddelande, får standard-hero eftersom det personaliserade blocket laddades sent, och scrollar förbi ett kundcase-kort som har klämts in i en kolumn som är två ord bred.

Hur mycket det här betyder beror på din trafik, och det bör du kontrollera innan du läser vidare. Det här inlägget går igenom hur du uppskattar möjligheten på mobilen utifrån din egen data, vad som ändras när du personaliserar för en liten skärm, de CTA- och formulärmönster som håller på en telefon, hur du testar varianter på riktiga enheter och de situationer där mobilbesök har störst köpintention.

Börja med din egen fördelning mellan enheter

Publicerade siffror om ”andelen B2B-trafik från mobilen” varierar kraftigt och blandar väldigt olika webbplatser, så de är inte till mycket hjälp för planering. Ditt analysverktyg besvarar frågan för ditt företag på några minuter:

1. I GA4 öppnar du Reports → Tech → Tech details och byter dimension till Device category. Använd de senaste 90 dagarna.
2. Lägg till en jämförelse för den trafik du faktiskt personaliserar (till exempel ett segment av identifierade målkonton eller sessioner från betalda kampanjer och e-postkampanjer).
3. Notera andelen sessioner och andelen nyckelhändelser (demoförfrågningar, kontaktformulär) för mobil jämfört med dator.
4. Upprepa för dina tre landningssidor med mest trafik. Mobilandelen skiljer sig ofta kraftigt på en sida som får klick från mejl och sociala medier jämfört med startsidan.

Två mönster är värda att agera på. Om mobilen står för en stor andel av sessionerna men en liten andel av konverteringarna tappar mobilupplevelsen troligen folk. Om mobilen är liten totalt sett men stor på vissa kampanjsidor, personalisera de sidorna för mobil först och låt resten vara.

Var försiktig med konverteringsgapet. En del av det är inget problem att åtgärda: många köpare läser på telefonen och konverterar senare på en laptop. Kontrollera bilden över flera enheter innan du skyller på mobilsidan (se avsnittet om mått nedan).

Vad som ändras på en liten skärm

Ett personaliserat element ovanför vikningen, inte fyra

En hero på dator kan rymma en personaliserad rubrik, en logotyprad från besökarens bransch, ett kundomdöme och en CTA sida vid sida. På en 375 pixlar bred mobil ryms rubriken, en eller två rader undertext och möjligen en knapp på första skärmen. Bestäm vilket enskilt element som signalerar ”det här är för dig” och se till att det syns utan att man behöver scrolla. I de flesta B2B-upplägg är det rubriken, eftersom den är billigast att variera och det första som läses.

Renderingshastigheten avgör om varianten syns alls

Personalisering på klientsidan fungerar oftast så här: standardsidan renderas, ett skript frågar personaliseringstjänsten vem besökaren är och byter sedan innehåll. På en långsammare mobiluppkoppling blir glappet mellan stegen längre, så besökaren ser antingen standardversionen blixtra till innan varianten (flimmer) eller ett tomt block medan den väntar. Inget av det hjälper.

För att kontrollera din egen, öppna den personaliserade sidan i Chrome DevTools, ställ in nätverksbegränsning på en av de långsammare förinställningarna (till exempel Slow 4G) och CPU-begränsning på 4x, och spela in en prestandaprofil. Titta på när variantrubriken visas jämfört med standardrubriken. Kör sedan samma URL genom PageSpeed Insights och jämför Largest Contentful Paint för den personaliserade versionen och standardversionen. Om varianten märkbart fördröjer LCP, flytta beslutet tidigare: till servern, till edge-lagret, eller dölj åtminstone bara det utbytta blocket (inte hela sidan) tills det är klart.

Ingen hovring

Verktygstips, paneler som visas vid hovring och förhandsvisningar av kundcase vid mouse-over gör ingenting på en pekskärm. Varje personaliserad komponent som bygger på hovring behöver en motsvarighet för tryck. För tryckytor kräver WCAG 2.2:s utökade kriterium minst 44 × 44 CSS-pixlar; det är ett kriterium på AAA-nivå, men en rimlig miniminivå för primära knappar.

Korta sessioner, och samma köpare på en annan enhet

Mobilbesök är ofta korta och fortsätter senare på en bärbar dator. En cookie som satts på mobilen finns inte på datorn, så cookiebaserade segment följer inte med personen. Identifiering på företagsnivå (omvänd IP eller berikning för nätverket besökaren använder) och kontakter som är kända i CRM och klickar på spårade länkar är de signaler som brukar följa med. Planera personaliseringsreglerna så att de fortfarande är begripliga om besökaren bara har en session på varje enhet.

Layoutmönster för personaliserade block

Bestäm en prioritetsordning för mobil för dina personaliserade block innan designern staplar dem. En vanlig ordning är: rubrik, sedan CTA, sedan bevis (logotyp eller ett enradscitat från ett liknande företag), sedan stödjande innehåll som ett kort med ett kundcase. När kolumnerna för dator fälls ihop visas blocken i den ordningen i stället för i den ordning rutnätet råkar ge.

Andra mönster som håller:

• Korta ner, göm inte. Ett kundcase-kort på desktop kan visa en rubrik, en sammanfattning på två meningar och ett resultat. På mobilen visar du rubriken och resultatet och lägger sammanfattningen bakom ett tryck. Den personaliserade signalen (branschnamnet, kundlogotypen) är fortsatt synlig.
• Korta horisontella karuseller för bevis. Om du personaliserar flera omdömen tar en rad som man sveper i mindre vertikalt utrymme än om de staplas. Begränsa den till några få och stäng av automatisk bläddring på pekskärmar, där den motverkar användarens egna svep.
• Håll varianttexten kort redan från början. En rubrik som ryms på två rader på dator kan bli fem rader på en telefon. Skriv varje segments variant med en teckengräns och förhandsgranska den i 375 pixlar innan du publicerar.

CTA:er och formulär på mobilen

Om din produkt har en tillhörande app kan mobilbesökare vara bättre betjänta av en CTA för installation än av ett demoformulär. Våra exempel på landningssidor för appar visar hur team hanterar butiksmärken och smarta appbanners utan att tappa webbkonverteringen.

Fast CTA, personaliserad per segment

Den viktigaste CTA:n scrollar snabbt ur bild på en mobil. En smal fast list längst ner håller den inom räckhåll. Texten på den är ett enkelt ställe att personalisera, till exempel:

• Identifierade enterprise-konton: ”Prata med vårt enterprise-team”
• Mindre företag: "Se planer och priser"
• Återkommande besökare som har sett priserna: ”Välj en tid för demo”

Håll fältet så litet att det inte täcker innehåll, och se till att det inte ligger ovanpå cookiebannern eller en chattwidget. För mer om att anpassa CTA-formuleringar efter segment, läs datadrivna personaliserade CTA:er.

Kortare formulär och färre fält att fylla i

Det går långsamt att skriva på en telefon, så varje fält kostar mer än på dator. Vår guide om formulär för leadinsamling argumenterar för att bara fråga efter det du inte kan slå upp själv; på mobilen väger det argumentet ännu tyngre.

• Använd berikning i stället för rullgardinsmenyer. Om företaget är identifierat, fyll i företagsnamn, storlek och bransch i förväg eller ta bort de fälten. Visa det förifyllda företaget med en "redigera"-länk i stället för att be besökaren bekräfta allt.
• Ange rätt inmatningstyper. type="email" och type="tel" tar fram rätt tangentbord, och attributet autocomplete (email, name, organization) låter telefonen fylla i sparade uppgifter.
• Flytta sekundära frågor till senare. Fråga efter telefonnummer eller projektdetaljer på tacksidan eller i bokningsverktyget, efter att huvudkonverteringen har registrerats.

Mät effekten på din egen trafik. Jämför andelen påbörjade och slutförda formulär för mobilsessioner före och efter, och kontrollera om kvaliteten på leads förändras; en kontroll av urvalsstorleken med vår guide om urvalsstorlek för A/B-tester visar hur lång tid det tar.

Klicka för att ringa, för de segment som vill det

En tel:-länk är ett tryck på en telefon. För enterprise-segment där ett samtal är ett normalt nästa steg kan en knapp med ”Ring vårt enterprise-team” fungera. För självbetjäningssegment gör den oftast inte det: en köpare från ett litet företag som vill prova produkten vill sannolikt inte ha ett säljsamtal. Det är ett fall där segmentregler förhindrar en dålig upplevelse lika mycket som de skapar en bra.

Testa varianter på riktiga enheter

Kontrollera varje personaliserad variant i tre bredder före lansering:

Enhetsemulering i DevTools räcker för layouten. Den återger inte verkligt touchbeteende, verklig typsnittsrendering eller processorn i en mellanklasstelefon, så öppna varje variant på minst en fysisk telefon innan den går live. För att se en variant utan att tillhöra segmentet använder du personaliseringsverktygets förhandsgranskningsläge eller en URL-parameter som tvingar fram den.

Vad du ska spåra separat för mobil

• Skrolldjup på personaliserade sidor. Om de flesta mobilbesökare aldrig når det personaliserade bevisblocket, flytta upp det eller ta bort det på mobil.
• Påbörjade och slutförda formulär per enhet. En låg andel påbörjade pekar på sidan; en låg andel slutförda pekar på fälten.
• Rage taps och dead taps. Verktyg för sessionsinspelning flaggar upprepade tryck på element som inte gör något, vilket oftast betyder att något ser ut som en länk men inte är det.
• Återbesök på annan enhet. Hur många av de identifierade företagen kommer tillbaka på dator inom en vecka efter ett mobilbesök, och konverterar de där? Om många gör det, bedöm mobilsidor efter om de leder till det återbesöket, inte bara efter konverteringar på mobil.

Där mobilbesök visar störst intent

Händelser

Deltagare slår upp leverantörer mellan passen. Om du ställer ut, schemalägg en regel för eventdagarna som visar besökare från värdstaden (eller från företagen på deltagarlistan) en hero som refererar till eventet, med en länk för att boka ett möte i montern. Ta bort den samma dag som eventet slutar. Vår guide om leadinsamling på event tar upp uppföljningsdelen.

Klick från e-post och LinkedIn

Kontrollera enhetsrapporten i din mejlplattform: för de flesta listor sker en stor andel av öppningarna och klicken i mobilen. Ett klick från ett kampanjmejl berättar redan vad besökaren var intresserad av. För över det via UTM-parametrar och använd dem för att välja variant, så att sidan fortsätter på mejlets ämne i stället för att börja om på en generisk startsida.

Länkar som säljteamet skickar

När en säljare skickar en länk i ett LinkedIn-meddelande eller ett uppföljningsmejl trycker prospektet ofta på den i mobilen. Ge säljarna spårade länkar (med kontot eller kampanjen i parametrarna) som öppnar en sida om det som säljaren pratade om. Det är här personalisering på kontonivå är lättast att motivera, eftersom sammanhanget är uttalat.

Läsning i farten

Någon som läser på tåget skummar, utvärderar inte. Ett alternativ som ”skicka det här kundcaset till mig” som mejlar innehållet passar ofta bättre än ett demoformulär, och det ger dig ett skäl att följa upp när hen är tillbaka vid skrivbordet.

En startpunkt på två veckor

1. Ta fram fördelningen per enhet för sessioner och konverteringar, totalt och för dina personaliserade segment.
2. Välj den sida där andelen mobilbesök är högst bland de segmenten.
3. Kontrollera sidans personaliserade variant på en riktig telefon och med strypt anslutning. Åtgärda flimmer och layout först.
4. Lägg till en fast CTA som tar hänsyn till segment och korta mobilformuläret till de fält du inte kan berika.
5. Jämför påbörjade och slutförda formulär på mobil samt återbesök från andra enheter med föregående period, och avgör sedan om ändringarna ska utökas.

Om du behöver signalen på företagsnivå som överlever ett byte från telefon till dator kopplar Markettailors besöksidentifiering det besökande företaget på båda enheterna, och dess segmentering låter dig bygga mobilreglerna ovan ovanpå det.