Mobil B2B-personalisering: Nå kjøpere på alle enheter

Mobil B2B-personalisering blir ofte en ettertanke. Personaliseringsregler designes i en nettleser på desktop, gjennomgås på en 27-tommers skjerm og godkjennes før noen åpner varianten på en telefon. Så trykker en kjøper på en lenke i en LinkedIn-melding, får standard-hero fordi den personaliserte blokken lastet sent, og scroller forbi et kundecasekort som ble presset inn i en kolonne to ord bred.

Hvor mye dette betyr, avhenger av trafikken din, og det bør du sjekke før du leser videre. Dette innlegget tar for seg hvordan du anslår mobilmuligheten ut fra dine egne data, hva som endres når du personaliserer for en liten skjerm, mønstrene for CTA-er og skjemaer som holder mål på en mobil, hvordan du tester varianter på ekte enheter, og situasjonene der mobilbesøk har høyest intensjon.

Start med din egen fordeling av enheter

Publiserte tall for «andel B2B-trafikk på mobil» varierer mye og blander svært ulike nettsteder, så de er lite nyttige for planlegging. Analyseverktøyet ditt besvarer spørsmålet for din virksomhet på noen få minutter:

1. I GA4 åpner du Rapporter → Teknologi → Teknologidetaljer og bytter dimensjonen til Enhetskategori. Bruk de siste 90 dagene.
2. Legg til en sammenligning for trafikken du faktisk personaliserer (for eksempel et segment av identifiserte målkontoer, eller økter fra betalte kampanjer og e-postkampanjer).
3. Noter andelen økter og andelen nøkkelhendelser (demoforespørsler, kontaktskjemaer) for mobil og desktop.
4. Gjenta for de tre landingssidene med mest trafikk. Mobilandelen er ofte svært annerledes på en side som får klikk fra e-post og sosiale medier enn på forsiden.

To mønstre er verdt å handle på. Hvis mobil står for en stor andel av øktene, men en liten andel av konverteringene, mister mobilopplevelsen sannsynligvis folk. Hvis mobil er lite totalt, men stort på enkelte kampanjesider, bør du personalisere disse sidene for mobil først og la resten være.

Vær forsiktig med konverteringsgapet. Noe av det er ikke et problem som skal løses: mange kjøpere leser på mobilen og konverterer senere på en bærbar PC. Sjekk bildet på tvers av enheter før du gir mobilsiden skylden (se avsnittet om måltall nedenfor).

Hva som endres på en liten skjerm

Ett personalisert element øverst på siden, ikke fire

En hero på desktop kan romme en personalisert overskrift, en logostripe fra den besøkendes bransje, en kundeuttalelse og en CTA side om side. På en mobil som er 375 piksler bred, får første skjermbilde plass til overskriften, en linje eller to med undertekst og kanskje en knapp. Bestem hvilket enkeltelement som signaliserer «dette er for deg», og sørg for at det er synlig uten å scrolle. I de fleste B2B-oppsett er det overskriften, fordi den er det billigste elementet å variere og det første som leses.

Gjengivelseshastigheten avgjør om varianten i det hele tatt blir sett

Personalisering på klientsiden fungerer vanligvis slik: standardsiden vises, et skript spør personaliseringstjenesten hvem den besøkende er, og bytter så innhold. På en tregere mobilforbindelse er gapet mellom disse stegene lengre, så den besøkende ser enten standardversjonen blinke før varianten (flimmer) eller en tom blokk mens den venter. Ingen av delene hjelper.

For å sjekke din egen åpner du den personaliserte siden i Chrome DevTools, setter nettverksstruping til en av de tregere forhåndsinnstillingene (for eksempel Slow 4G) og CPU-struping til 4x, og tar opp en ytelsesprofil. Se når variantoverskriften vises sammenlignet med standardversjonen. Kjør deretter samme URL gjennom PageSpeed Insights og sammenlign Largest Contentful Paint for den personaliserte versjonen og standardversjonen. Hvis varianten forsinker LCP merkbart, flytter du beslutningen tidligere: til serversiden, til edge, eller skjul i det minste bare den utbyttede blokken (ikke hele siden) til den er klar.

Ingen hover

Verktøytips, paneler som vises ved hover og forhåndsvisninger av kundecaser ved musepekeren gjør ingenting på en berøringsskjerm. Alle personaliserte komponenter som er avhengige av hover, trenger en tilsvarende trykkfunksjon. For trykkflater krever det utvidede kriteriet i WCAG 2.2 minst 44 x 44 CSS-piksler; det er et kriterium på AAA-nivå, men et fornuftig minimum for primærknapper.

Korte økter, og den samme kjøperen på en annen enhet

Mobilbesøk er ofte korte og fortsetter senere på en laptop. En informasjonskapsel satt på telefonen er ikke tilgjengelig på laptopen, så segmenter basert på informasjonskapsler følger ikke personen. Identifisering på bedriftsnivå (omvendt IP eller beriking basert på nettverket den besøkende er på) og kjente CRM-kontakter som klikker på sporede lenker, er signalene som pleier å følge med. Planlegg personaliseringsreglene slik at de fortsatt gir mening hvis den besøkende bare har én økt på hver enhet.

Oppsettsmønstre for personaliserte blokker

Bestem en prioritert rekkefølge for de personaliserte blokkene på mobil før designeren stabler dem. En vanlig rekkefølge er: overskrift, så CTA, så bevis (logo eller et sitat på én linje fra et lignende selskap), så støtteinnhold som et kundecasekort. Når desktop-kolonnene slås sammen, vises blokkene i den rekkefølgen i stedet for den rekkefølgen rutenettet tilfeldigvis gir.

Andre mønstre som holder:

• Komprimer, ikke skjul. Et kundecasekort på desktop kan vise en overskrift, et sammendrag på to setninger og et resultat. På mobil viser du overskriften og resultatet og legger sammendraget bak et trykk. Det personaliserte signalet (bransjenavnet, kundelogoen) forblir synlig.
• Korte horisontale karuseller for bevis. Hvis du personaliserer flere anbefalinger, tar en rad du kan sveipe i mindre vertikal plass enn å stable dem. Hold den til noen få elementer og slå av automatisk bla på berøringsenheter, der den kjemper mot brukerens egne sveip.
• Hold variantteksten kort fra starten. En overskrift som får plass på to linjer på desktop, kan bli fem linjer på en telefon. Skriv hvert segments variant med en tegngrense, og forhåndsvis den på 375 piksler før publisering.

CTA-er og skjemaer på mobil

Hvis produktet ditt har en tilhørende app, kan mobilbesøkende være bedre tjent med en CTA for installasjon enn med et demoskjema. Våre eksempler på landingssider for apper viser hvordan team håndterer butikkmerker og smarte appbannere uten å miste konverteringen på nettet.

Fast CTA, personalisert etter segment

Hoved-CTA-en forsvinner fort ut av synet på mobil. En smal, fast linje nederst holder den innen rekkevidde. Teksten på den er et enkelt sted å personalisere, for eksempel:

• Identifiserte enterprise-kontoer: «Snakk med enterprise-teamet»
• Mindre selskaper: «Se planer og priser»
• Tilbakevendende besøkende som har sett priser: «Velg et tidspunkt for demo»

Hold linjen så liten at den ikke dekker innhold, og sørg for at den ikke legger seg over informasjonskapselbanneret eller en chat-widget. Mer om å tilpasse CTA-tekst til segmenter finner du i datadrevne personaliserte CTA-er.

Kortere skjemaer og færre felt å fylle ut

Det går tregt å skrive på mobil, så hvert felt koster mer enn på desktop. Guiden vår om skjema for leadfangst argumenterer for å bare spørre om det du ikke kan slå opp selv; på mobil er det argumentet enda sterkere.

• Bruk berikelse i stedet for nedtrekksmenyer. Er selskapet identifisert, fyller du ut selskapsnavn, størrelse og bransje på forhånd, eller dropper de feltene. Vis det forhåndsutfylte selskapet med en «rediger»-lenke i stedet for å be den besøkende bekrefte alt.
• Bruk riktige input-typer. type="email" og type="tel" henter frem riktig tastatur, og autocomplete-attributtet (email, name, organization) lar telefonen fylle inn lagrede opplysninger.
• Flytt sekundære spørsmål til senere. Spør om telefonnummer eller prosjektdetaljer på takkesiden eller i bookingverktøyet, etter at hovedkonverteringen er registrert.

Mål effekten på din egen trafikk. Sammenlign raten for påbegynte og fullførte skjemaer i mobiløkter før og etter, og sjekk om leadkvaliteten endres; en sjekk av utvalgsstørrelse fra guiden vår om utvalgsstørrelse i A/B-tester forteller deg hvor lang tid det vil ta.

Klikk for å ringe, for segmentene som ønsker det

En tel:-lenke er ett trykk på en telefon. For enterprise-segmenter der en samtale er et naturlig neste steg, kan en knapp som «Ring enterprise-teamet vårt» fungere. For selvbetjeningssegmenter gjør den som regel ikke det: en kjøper i en liten bedrift som vil prøve produktet, vil neppe ha en salgssamtale. Det er et tilfelle der segmentregler forhindrer en dårlig opplevelse like mye som de skaper en god.

Test varianter på ekte enheter

Sjekk hver personaliserte variant i tre bredder før lansering:

Enhetsemulering i DevTools holder for layout. Den gjenskaper ikke ekte berøringsatferd, ekte fontrendering eller prosessoren i en mellomklassetelefon, så åpne hver variant på minst én fysisk telefon før den går live. For å se en variant uten å være i segmentet kan du bruke forhåndsvisningsmodusen i personaliseringsverktøyet eller en URL-parameter som tvinger den frem.

Hva du bør spore separat for mobil

• Scrolledybde på personaliserte sider. Hvis de fleste mobilbesøkende aldri når den personaliserte bevisblokken, flytter du den opp eller dropper den på mobil.
• Påbegynte og fullførte skjemaer per enhet. En lav andel påbegynte peker mot siden; en lav andel fullførte peker mot feltene.
• Rage taps og dead taps. Verktøy for øktopptak markerer gjentatte trykk på elementer som ikke gjør noe, noe som som regel betyr at noe ser ut som en lenke uten å være det.
• Retur på tvers av enheter. For identifiserte bedrifter: hvor mange kommer tilbake på desktop innen en uke etter et mobilbesøk, og konverterer de der? Hvis mange gjør det, bør du vurdere mobilsider etter om de gir det returbesøket, ikke bare etter konverteringer på mobil.

Der mobilbesøk har sterkest intensjon

Arrangementer

Deltakere slår opp leverandører mellom sesjonene. Er du utstiller, planlegg en regel for arrangementsdatoene som viser besøkende fra vertsbyen (eller fra selskapene på deltakerlisten) en hero som viser til arrangementet, med en lenke for å booke møte på standen. Fjern den samme dag som arrangementet slutter. Guiden vår til leadfangst på arrangementer dekker oppfølgingen.

Klikk fra e-post og LinkedIn

Sjekk enhetsrapporten i e-postplattformen din: for de fleste lister skjer en stor andel av åpningene og klikkene på telefon. Et klikk fra en kampanje-e-post forteller deg allerede hva den besøkende var interessert i. Send det videre gjennom UTM-parametere og bruk dem til å velge variant, slik at siden fortsetter temaet fra e-posten i stedet for å starte på nytt på en generisk forside.

Lenker sendt av salg

Når en selger sender en lenke i en LinkedIn-melding eller en oppfølgings-e-post, trykker prospektet ofte på den på mobilen. Gi selgerne sporede lenker (med kontoen eller kampanjen i parameterne) som åpner en side om det selgeren snakket om. Det er her personalisering på kontonivå er enklest å forsvare, fordi konteksten er eksplisitt.

Lesing på farten

Noen som leser på toget, skummer, de vurderer ikke. Et «send meg denne kundecasen»-valg som sender innholdet til dem på e-post, passer ofte bedre enn et demoskjema, og det gir deg en grunn til å følge opp når de er tilbake ved pulten.

Et utgangspunkt på to uker

1. Hent fordelingen på enheter for økter og konverteringer, totalt og for de personaliserte segmentene dine.
2. Velg den ene siden der mobilandelen er høyest blant disse segmentene.
3. Sjekk den personaliserte varianten av den siden på en ekte telefon og på en strupet tilkobling. Fiks flimring og oppsett først.
4. Legg til en fast CTA som kjenner segmentet, og kutt mobilskjemaet ned til feltene du ikke kan berike.
5. Sammenlign skjemastarter, fullføringer og retur fra andre enheter på mobil med forrige periode, og avgjør deretter om endringene skal utvides.

Trenger du signalet på selskapsnivå som overlever et bytte fra telefon til bærbar PC, kobler Markettailors identifisering av besøkende det besøkende selskapet på begge enhetene, og segmenteringen lar deg bygge mobilreglene over oppå det.