Mobilní B2B personalizace: oslovte kupující na každém zařízení

Mobilní B2B personalizace bývá dodatečnou myšlenkou. Pravidla personalizace se navrhují v desktopovém prohlížeči, kontrolují na 27palcovém monitoru a schvalují dřív, než kdokoli otevře variantu na telefonu. Pak kupující klepne na odkaz ve zprávě na LinkedInu, dostane výchozí hlavní sekci, protože se personalizovaný blok načetl pozdě, a proscrolluje kolem karty případové studie vmáčknuté do sloupce širokého dvě slova.

Jak moc na tom záleží, závisí na vaší návštěvnosti, a to byste si měli ověřit dřív, než budete číst dál. Tento článek popisuje, jak odhadnout mobilní příležitost z vlastních dat, co se mění při personalizaci pro malou obrazovku, vzory CTA a formulářů, které na telefonu obstojí, jak testovat varianty na skutečných zařízeních a situace, kdy mobilní návštěvy nesou největší záměr.

Začněte vlastním rozdělením podle zařízení

Zveřejňovaná čísla o „podílu B2B návštěvnosti z mobilů“ se výrazně liší a míchají velmi odlišné weby, takže pro plánování nejsou příliš užitečná. Vaše analytika vám tu otázku pro vaši firmu zodpoví za pár minut:

1. V GA4 otevřete Přehledy → Technologie → Podrobnosti o technologiích a přepněte dimenzi na Kategorie zařízení. Použijte posledních 90 dní.
2. Přidejte srovnání pro návštěvnost, kterou skutečně personalizujete (například segment identifikovaných cílových účtů nebo relace z placených a e-mailových kampaní).
3. Zaznamenejte podíl relací a podíl klíčových událostí (žádosti o demo, kontaktní formuláře) na mobilu a desktopu.
4. Opakujte pro tři landing pages s nejvyšší návštěvností. Podíl mobilu je na stránce, kam vedou kliknutí z e-mailů a sociálních sítí, často úplně jiný než na domovské stránce.

Na dva vzorce se vyplatí reagovat. Pokud mobil tvoří velký podíl relací, ale malý podíl konverzí, mobilní zážitek pravděpodobně lidi ztrácí. Pokud je mobil celkově malý, ale na konkrétních stránkách kampaní velký, personalizujte nejprve tyto stránky pro mobil a zbytek nechte být.

S konverzní mezerou opatrně. Část z ní není problém k řešení: spousta kupujících čte na telefonu a konvertuje později na notebooku. Než budete vinit mobilní stránku, podívejte se na obrázek napříč zařízeními (viz sekce o metrikách níže).

Co se mění na malé obrazovce

Jeden personalizovaný prvek nad ohybem stránky, ne čtyři

Hero sekce na desktopu unese vedle sebe personalizovaný nadpis, pruh log z odvětví návštěvníka, referenci a CTA. Na telefonu širokém 375 pixelů se na první obrazovku vejde nadpis, řádek či dva podtextu a možná tlačítko. Rozhodněte, který jediný prvek sděluje „tohle je pro vás“, a zajistěte, aby byl vidět bez scrollování. Ve většině B2B nastavení je to nadpis, protože je nejlevnější na obměnu a čte se jako první.

Rychlost vykreslení rozhoduje o tom, zda variantu vůbec někdo uvidí

Personalizace na straně klienta obvykle funguje takto: vykreslí se výchozí stránka, skript se zeptá personalizační služby, kdo návštěvník je, a pak vymění obsah. Na pomalejším mobilním připojení je mezera mezi těmito kroky delší, takže návštěvník buď uvidí probliknutí výchozí verze před variantou, nebo prázdný blok, zatímco se čeká. Ani jedno nepomáhá.

Pro kontrolu otevřete personalizovanou stránku v Chrome DevTools, nastavte omezení sítě na některou z pomalejších předvoleb (například Slow 4G) a omezení CPU na 4× a nahrajte výkonnostní profil. Podívejte se, kdy se nadpis varianty objeví ve srovnání s výchozím. Pak stejnou URL projděte v PageSpeed Insights a porovnejte Largest Contentful Paint personalizované a výchozí verze. Pokud varianta znatelně zpožďuje LCP, přesuňte rozhodnutí dřív: na server, na edge, nebo alespoň skryjte jen vyměňovaný blok (ne celou stránku), dokud není připravený.

Bez hoveru

Tooltipy, panely odhalované najetím myši a náhledy případových studií při najetí kurzorem na dotykové obrazovce nefungují. Každá personalizovaná komponenta, která spoléhá na najetí myší, potřebuje ekvivalent pro klepnutí. Pro dotykové cíle požaduje rozšířené kritérium WCAG 2.2 alespoň 44 × 44 CSS pixelů; jde o kritérium úrovně AAA, ale pro primární tlačítka je to rozumné minimum.

Krátké relace a stejný kupující na jiném zařízení

Mobilní návštěvy bývají krátké a později se na ně navazuje na notebooku. Cookie nastavená v telefonu není na notebooku dostupná, takže segmenty založené na cookies člověka nenásledují. Mezi zařízeními se obvykle přenášejí signály z identifikace na úrovni firem (reverse IP nebo obohacení podle sítě, ve které návštěvník je) a známé kontakty z CRM, které kliknou na sledované odkazy. Personalizační pravidla plánujte tak, aby dávala smysl i tehdy, když návštěvník na každém zařízení uvidí jen jednu relaci.

Vzory rozvržení pro personalizované bloky

Než designér bloky naskládá, určete pořadí priorit personalizovaných bloků na mobilu. Běžné pořadí je: nadpis, pak CTA, pak důkaz (logo nebo jednořádková citace od podobné firmy), pak podpůrný obsah, například karta s případovou studií. Když se sloupce z desktopu složí, bloky se zobrazí v tomto pořadí, ne v tom, které náhodou vytvoří mřížka.

Další vzory, které obstojí:

• Zhušťujte, neschovávejte. Karta případové studie na desktopu může ukazovat titulek, dvouvětné shrnutí a výsledek. Na mobilu zobrazte titulek a výsledek a shrnutí schovejte za klepnutí. Personalizovaný signál (název odvětví, logo zákazníka) zůstává viditelný.
• Krátké vodorovné karusely pro důkazy. Pokud personalizujete několik referencí, posuvný řádek zabere méně svislého místa než jejich řazení pod sebe. Omezte ho na pár položek a na dotykových zařízeních vypněte automatické posouvání, které tam bojuje s vlastním swipováním uživatele.
• Texty variant držte krátké už u zdroje. Nadpis, který se na desktopu vejde na dva řádky, se na telefonu může zalomit na pět. Variantu pro každý segment pište s limitem znaků a před publikováním si ji prohlédněte v šířce 375 pixelů.

CTA a formuláře na mobilu

Pokud má váš produkt doprovodnou aplikaci, mobilním návštěvníkům může lépe posloužit CTA k instalaci než formulář pro demo. Naše příklady landing pages pro aplikace ukazují, jak týmy pracují s odznaky obchodů a smart app bannery, aniž by přišly o webovou konverzi.

Lepivé CTA personalizované podle segmentu

Hlavní CTA na telefonu rychle zmizí ze zobrazení. Tenký lepicí pruh dole ho udrží na dosah. Jeho text se snadno personalizuje, například:

• Identifikované enterprise firmy: „Promluvte si s týmem pro enterprise“
• Menší firmy: „Zobrazit tarify a ceny“
• Vracející se návštěvníci, kteří viděli ceník: „Vyberte si termín dema“

Udržte lištu dost malou, aby nezakrývala obsah, a ujistěte se, že nepřekrývá cookie lištu ani chatovací widget. Více o sladění textu CTA se segmenty najdete v článku personalizovaná CTA řízená daty.

Kratší formuláře a méně polí k vyplňování

Psaní na telefonu je pomalé, takže každé pole stojí víc než na desktopu. Náš průvodce formulářem pro získávání leadů doporučuje ptát se jen na to, co si nemůžete dohledat; na mobilu ten argument platí ještě víc.

• Místo rozbalovacích seznamů použijte obohacení dat. Pokud je firma identifikovaná, předvyplňte název firmy, velikost a odvětví, nebo tato pole vynechte. Předvyplněnou firmu zobrazte s odkazem „upravit“, místo abyste po návštěvníkovi chtěli všechno potvrzovat.
• Nastavte správné typy vstupů. type="email" a type="tel" vyvolají odpovídající klávesnice a atribut autocomplete (email, name, organization) umožní telefonu doplnit uložené údaje.
• Vedlejší otázky přesuňte na později. Na telefonní číslo nebo podrobnosti o projektu se ptejte na stránce s poděkováním nebo v plánovači, až po zaznamenání hlavní konverze.

Změřte dopad na vlastním provozu. Porovnejte míru zahájení a dokončení formuláře u mobilních relací před a po a ověřte, zda se mění kvalita leadů; kontrola velikosti vzorku podle našeho průvodce velikostí vzorku pro A/B test vám řekne, jak dlouho to potrvá.

Click-to-call pro segmenty, které o něj stojí

Odkaz tel: je na telefonu jedno klepnutí. U enterprise segmentů, kde je hovor běžným dalším krokem, může fungovat tlačítko „Zavolejte našemu enterprise týmu“. U samoobslužných segmentů obvykle ne: kupující z malé firmy, který chce produkt vyzkoušet, o obchodní hovor pravděpodobně nestojí. To je případ, kdy pravidla segmentů zabraňují špatnému zážitku stejně, jako vytvářejí dobrý.

Testování variant na skutečných zařízeních

Před spuštěním zkontrolujte každou personalizovanou variantu ve třech šířkách:

Emulace zařízení v DevTools stačí na rozvržení. Nereprodukuje ale skutečné chování dotyku, skutečné vykreslování písma ani procesor průměrného telefonu, proto si každou variantu před spuštěním otevřete alespoň na jednom fyzickém telefonu. Chcete-li vidět variantu, aniž byste byli v segmentu, použijte režim náhledu svého personalizačního nástroje nebo parametr v URL, který ji vynutí.

Co sledovat pro mobil zvlášť

• Hloubka scrollování na personalizovaných stránkách. Pokud se většina mobilních návštěvníků k personalizovanému bloku s důkazy nikdy nedostane, posuňte ho výš nebo ho na mobilu vynechte.
• Zahájení a dokončení formuláře podle zařízení. Nízká míra zahájení ukazuje na stránku; nízká míra dokončení na pole.
• Zuřivá a mrtvá klepnutí. Nástroje pro nahrávání relací označují opakovaná klepnutí na prvky, které nic nedělají, což obvykle znamená, že něco vypadá jako odkaz, ale není.
• Návrat na jiném zařízení. Kolik identifikovaných firem se do týdne od mobilní návštěvy vrátí na desktopu a konvertují tam? Pokud mnoho, posuzujte mobilní stránky podle toho, zda tuto návratovou návštěvu vyvolají, ne jen podle mobilních konverzí.

Kde mají mobilní návštěvy nejsilnější záměr

Akce

Účastníci si mezi přednáškami dohledávají dodavatele. Pokud vystavujete, naplánujte na dny akce pravidlo, které návštěvníkům z hostitelského města (nebo z firem na seznamu účastníků) ukáže hero sekci s odkazem na akci a odkazem na rezervaci schůzky u stánku. V den skončení akce ho odstraňte. Navazující kroky popisuje náš průvodce získáváním leadů na akcích.

Kliknutí z e-mailu a LinkedInu

Podívejte se do reportu zařízení ve své e-mailové platformě: u většiny seznamů se velká část otevření a kliknutí odehrává na telefonech. Kliknutí z e-mailu kampaně vám už říká, co návštěvníka zajímalo. Předejte to přes UTM parametry a použijte je k volbě varianty, aby stránka navázala na téma e-mailu, místo aby začínala znovu na obecné domovské stránce.

Odkazy zaslané obchodem

Když obchodník pošle odkaz ve zprávě na LinkedIn nebo ve follow-up e-mailu, potenciální zákazník na něj často klepne na telefonu. Dejte obchodníkům sledované odkazy (s firmou nebo kampaní v parametrech), které otevřou stránku o tom, co obchodník probíral. Tady se personalizace na úrovni firmy obhajuje nejsnáz, protože kontext je výslovný.

Čtení na cestách

Kdo čte ve vlaku, prolétává, nevybírá. Možnost „pošlete mi tuto případovou studii“, která mu obsah pošle e-mailem, se často hodí lépe než formulář pro demo a dává vám důvod ozvat se, až bude zpátky u stolu.

Dvoutýdenní začátek

1. Vytáhněte rozdělení relací a konverzí podle zařízení, celkově i pro personalizované segmenty.
2. Vyberte jednu stránku, kde je podíl mobilů mezi těmito segmenty nejvyšší.
3. Zkontrolujte personalizovanou variantu této stránky na skutečném telefonu a na zpomaleném připojení. Nejdřív opravte problikávání a rozvržení.
4. Přidejte lepicí CTA zohledňující segment a zkraťte formulář na mobilu na pole, která nedokážete obohatit.
5. Porovnejte zahájení a dokončení formulářů na mobilu a návraty z jiných zařízení s předchozím obdobím a pak rozhodněte, zda změny rozšířit.

Pokud potřebujete signál na úrovni firmy, který přežije přechod z telefonu na notebook, identifikace návštěvníků v Markettailoru rozpozná navštěvující firmu na obou zařízeních a jeho segmentace vám nad tím umožní postavit výše uvedená mobilní pravidla.