Բովանդակության փոխարինման սկրիպտ կայքում A/B թեստավորման համար

Եթե դուք մարքեթոլոգ եք կամ SEO մասնագետ, ապա գիտեք, թե որքան կարևոր է պարբերաբար ստուգել հիպոթեզները՝ վերնագրերը, պատկերները, գործողության կոչերը, ձևերը, որոնք ազդում են օգտատիրոջ վարքագծի և փոխակերպման վրա։

Բայց A/B թեստերի գործարկումը հաճախ բախվում է տեխնիկական դժվարությունների։ Անհրաժեշտ է փոփոխություններ կատարել կոդում, սպասել ծրագրավորողների օգնությանը, համաձայնեցնել փոփոխությունները IT բաժնի հետ, և արդյունքում թեստը կամ հետաձգվում է, կամ իրականացվում է տարին մեկ անգամ։

QForm-ի փոխարինման սկրիպտը լուծում է այս խնդիրը։ Այն փոխում է բովանդակությունը անմիջապես օգտագործողի դիտարկչում՝ առանց սերվերում փոփոխություններ կատարելու և ծրագրավորողների մասնակցության։ Պարզապես պետք է միացնել սկրիպտը, ստեղծել տարբերակների ֆայլ (channel.json) և տեղադրել այն կայքում։

Բովանդակության փոխարինումը կատարվում է ինքնաբերաբար, օգտատերը տեսնում է միայն իրեն վերագրված տարբերակը, իսկ տեղեկատվությունը անմիջապես փոխանցվում է Yandex.Metrica-ին։

Այս ընթացքում որոնողական համակարգերը տեսնում են միայն սկզբնական բովանդակությունը, քանի որ փոխարինումը կատարվում է էջի բեռնավորումից հետո։ Սա նշանակում է, որ գործիքը անվտանգ է SEO-ի տեսանկյունից։

Ինչպես է ամեն ինչ աշխատում՝ սկրիպտից մինչև փոխարինում

QForm սկրիպտը ստուգում է, թե որ թեստային խմբում է օգտատերը և նախապես սահմանված կանոնների համաձայն փոխարինում է անհրաժեշտ բովանդակությունը էջի համապատասխան տարրերում։

Որպեսզի ամեն ինչ ճիշտ աշխատի, անհրաժեշտ է կատարել երեք քայլ․

Միացնել սկրիպտը

Ավելացրեք այս տողը <head> կամ </body> տեգից առաջ․

html

<script defer src="https://storage.yandexcloud.net/script/channel/channel.js"></script>

Ցույց տալ էջի տարրերը

Էջում կան HTML բլոկներ, որոնց մեջ դուք փոխում եք բովանդակության տարբեր տարբերակներ։ Պարզապես տվեք նրանց հասկանալի CSS կլասեր։

Օրինակ․

html

<div class="text-1">Լռելյայն վերնագիր</div>
<div class="text-2"><img src="default.jpg"></div>

Սկրիպտը կգտնի բոլոր text-1 և text-2 կլասերով բլոկները և կփոխարինի նրանց բովանդակությունը ըստ JSON ֆայլում նշված տարբերակի։ Կլասերի անունները դուք եք որոշում՝ կարևոր է, որ նրանք համընկնեն JSON-ում օգտագործված բանալիների հետ։

Ստեղծել channel.json ֆայլը

Կլասերը նշելուց հետո անցեք տարբերակների կոնֆիգուրացիային։ Դա կատարվում է channel.json ֆայլում, որը պետք է լինի կայքի արմատային թղթապանակում։

Օրինակ․

{
  "yandexCounterId": 123456789,
  "channels": {
    "variant-a": {
      "text-1": "Վերնագիր տարբերակ A-ի համար",
      "text-2": "<img src='https://site.ru/banner-a.jpg'>"
    },
    "variant-b": {
      "text-1": "Վերնագիր տարբերակ B-ի համար",
      "text-2": "<img src='https://site.ru/banner-b.jpg'>"
    }
  }
}

Ինչն է կարևոր․

  • yandexCounterId – Yandex.Metrica-ի համար հաշվի ID, ուր ուղարկվում են իրադարձությունները տարբերակների անուններով։
  • channels – բոլոր թեստավորվող տարբերակների ցանկ։
  • text-1, text-2 – բանալիներ, որոնք համապատասխանում են էջի CSS կլասերին։ Նրանց արժեքը այն HTML-ն է, որն պետք է ցուցադրվի։

Ֆայլը կարող է պարունակել ցանկացած քանակով տարբերակներ և բլոկներ։ Կարելի է փոխարինել ոչ միայն տեքստ, այլ նաև HTML՝ պատկերներ, ձևեր, կոճակներ, iframe, տեսանյութի վիջեթներ և այլն։

Հիմա, երբ համակարգի կառուցվածքը հասկանալի է, տեսնենք, թե որ տարրերն են հնարավոր թեստավորել կայքում և ինչպես է դա իրականում իրականացվում։

Ի՞նչ կարելի է թեստավորել․ A/B փոխարինման օրինակներ

QForm-ի սկրիպտը տալիս է փորձարկումների ամբողջական ազատություն․ դուք կարող եք փոխել էջում ցանկացած տարր՝ հասկանալու համար, թե ինչն է իրականում ազդում ձեր լսարանի վրա։ Ահա մի քանի գործնական օրինակ՝ թեստ սկսելու համար․

Վերնագրեր

Ստուգեք, թե որ ձևակերպումներն ավելի լավ են գրավում ուշադրություն․

json

"text-1": "Հասցրու գնել մինչև շաբաթվա վերջ"

կամ

"text-1": "20% զեղչ՝ միայն այսօր"

Այս տեսակի վերնագրերի A/B թեստը թույլ է տալիս արագ պարզել, թե որ տարբերակն է ավելի շատ սեղմումներ ստանում կամ պահում օգտատիրոջ ուշադրությունը։

Պատկերներ և բաններներ

Համեմատեք վիզուալ տարրերը, որոնք կարող են ազդել առաջին տպավորության վրա։ Սա հիանալի միջոց է ռոտացիոն բաններներ թեստավորելու՝ երբ յուրաքանչյուր օգտատիրոջ ցուցադրվում է իր տարբերակը․

"text-2": "<img src='img/banner-a.jpg'>"

կամ

"text-2": "<img src='img/banner-b.jpg'>"

Կոճակներ և CTA-ներ

Փորձարկեք կոճակների տեքստերը կամ ձևավորումը․

"text-3": "<button class='btn'>Ստանալ առաջարկ</button>"

կամ

"text-3": "<button class='btn'>Իմանալ գինը</button>"

QForm ձևեր

Ցուցադրեք ձևերի տարբեր տարբերակներ՝ տեսանյութով, առանց տեսանյութի, տարբեր երկարությամբ․

"text-4": "<div data-formid='form_a'></div>"

կամ

"text-4": "<div data-formid='form_b'></div>"

Տեսանյութեր և վիջեթներ

Թեստավորեք ողջույնները, բացատրությունները, ցուցադրությունները․

"text-5": "<div data-widget='videowidget_a'></div>"

կամ

"text-5": "<div data-widget='videowidget_b'></div>"

Բոլոր փոխարինումները գրանցվում են որպես նպատակներ Yandex.Metrica-ում։ Դուք կարող եք հստակ հետևել՝ որ տարբերակն է տվել լավագույն արդյունքը՝ դիտումների, սեղմումների, ձևերի ուղարկման և այլ գործողությունների տեսանկյունից։

Ինչպե՞ս է աշխատում սկրիպտը QForm-ի այլ գործիքների հետ

Սկրիպտի գլխավոր առավելություններից մեկն այն է, որ այն իդեալական լրացնում է QForm-ի մյուս գործիքները։ Դա թույլ է տալիս ոչ միայն փոխել էկրանի բովանդակությունը, այլ կառուցել ամբողջական ձագար՝ ցուցադրումից մինչև հայտի ընդունում և փոխանցում CRM համակարգ։

Օրինակային գործընթաց․

  1. Օգտատերը մտնում է կայք, և նրան վերագրվում է տարբերակ A կամ B։
  2. Սկրիպտը տեղադրում է անհրաժեշտ բովանդակությունը՝ տեքստ, բաններ կամ ձև։
  3. Այցելուն լրացնում է QForm ձևը։
  4. Համակարգը ավտոմատ փոխանցում է նրա սեգմենտը ձևին (cookie կամ utm-ի միջոցով)։
  5. Հայտը փոխանցվում է CRM, և դուք անմիջապես տեսնում եք՝ որ տարբերակից է այն եկել։
  6. Metrica-ն գրանցում է նպատակը տարբերակի անվանումով։

Ինտեգրումը թույլ է տալիս․

  • օգտագործել տարբեր ձևեր մեկ էջում,
  • տեսնել CRM-ում՝ որ տարբերակից է եկել լիդը,
  • գործարկել ավտոմատ գործողություններ (օրինակ՝ առաջարկի ուղարկում),
  • հավաքել և զտել տվյալները սեգմենտներով,
  • ստանալ թեստի վերլուծություն առանց ձեռքով աշխատանքի։

Ինչու է սա հարմար և արդյունավետ

QForm սկրիպտով թեստերն անցկացնելը շատ ավելի պարզ և արագ է, քան դասական լուծումներով, որոնք պահանջում են կոդի հետ աշխատանք։

Թեստի կարգավորումը պահանջում է նվազագույն ժամանակ՝ մեկ սկրիպտ և մեկ ֆայլ տարբերակներով։ Ամեն ինչ ընթեռնվում է և թարմացվում՝ առանց կայքը կոտրելու կամ դրա աշխատանքի վրա ազդելու ռիսկի։

Դուք ինքներդ եք որոշում՝ ինչ փոխել․ վերնագրեր, պատկերներ, ձևեր, կոճակներ, տեսանյութեր։ Ամեն ինչ կարգավորվում է channel.json ֆայլով, այսինքն՝ դուք կախված չեք ծրագրավորողներից։

Սկրիպտը հարմար է ցանկացած կայքի համար՝ Tilda, WordPress, Bitrix, սեփական CMS։ Նպատակները անմիջապես ուղարկվում են Մետրիկա, իսկ սեգմենտների տվյալները ինտեգրվում են QForm ձևերում և հաշվետվություններում։

Սա մարքեթոլոգին հնարավորություն է տալիս արդյունավետ աշխատել․ հիպոթեզ մտածեց → գործարկեց → տեսավ արդյունքը → ամրագրեց լավագույն տարբերակը։

Անվտանգություն և ազդեցություն առաջխաղացման վրա

Կայքի անվտանգություն

  1. Սկրիպտը աշխատում է հաճախորդի կողմում՝ ոչինչ չի փոխվում սերվերում և կայքի սկզբնական կոդում։
  2. Այն միանում է ասինխրոն կերպով (defer) և չի խանգարում էջի բեռնմանը։
  3. Նույնիսկ եթե channel.json ֆայլը ժամանակավորապես անհասանելի է, կայքը կշարունակի աշխատել առանց սխալների։

Ազդեցություն որոնողական օպտիմալացման վրա (SEO)

  1. Որոնողական բոտերը (Yandex, Google) տեսնում են միայն սկզբնական բովանդակությունը՝ առանց փոխարինման։ Սա պաշտպանում է կրկնություններից և չի ազդում ինդեքսավորման վրա։
  2. Բովանդակության բոլոր տարբերակները թեստավորվում են մեկ էջում՝ առանց նոր հասցեների կամ կրկնօրինակների։ Սա կարևոր է էջի դիրքը պահպանելու համար։
  3. QForm-ի տեսանյութի վիջեթների ավելացումը, որոնք կարող են թեստավորվել նույն սկրիպտով, բարելավում է վերլուծական ցուցանիշները՝ կայքում անցկացրած ժամանակը, ներգրավվածությունը, դիտման խորությունը։ Իսկ դա իրական առավելություն է SEO-ի համար։

Սկրիպտը փորձարկվել է հանրահայտ հարթակներում և կոնֆլիկտի մեջ չի մտնում վերլուծության, A/B թեստավորման համակարգերի, ձևերի կոնստրուկտորների կամ այլ արտաքին վիջեթների հետ։

Եզրակացություն

QForm-ի բովանդակության փոխարինման սկրիպտը հարմար և անվտանգ միջոց է կայքում A/B թեստեր իրականացնելու համար։ Ամեն ինչ կարգավորվում է մի քանի քայլով՝ դուք պարզապես միացնում եք սկրիպտը, ստեղծում եք JSON ֆայլ տարբերակներով և նշում՝ որ բլոկներում է պետք փոխել բովանդակությունը։ Սա չի պահանջում կայքի կառուցվածքի փոփոխություն կամ կոդի խմբագրում։

Թեստերի արդյունքները անմիջապես հայտնվում են Яндекс.Метрика-ում, իսկ տարբերակները կարող եք օգտագործել հայտերում, ձևերում և CRM համակարգերում։ Սա մարքեթոլոգին տալիս է լիարժեք վերահսկողություն․ որ տարբերակներն են աշխատում, որտեղ է կոնվերսիան ավելի բարձր, ինչպես են արձագանքում օգտատերերը։ Այդ ամենն իրականացվում է առանց SEO-ի խանգարման․ որոնողական ռոբոտները տեսնում են կայուն բովանդակություն, իսկ փոխարինումը տեղի է ունենում միայն կենդանի օգտատիրոջ համար՝ էջի բեռնավորումից հետո։

QForm-ը դարձնում է թեստավորումը արագ, ճկուն և թափանցիկ։ Դա գործիք է, որը թույլ է տալիս գործարկել հիպոթեզները ոչ թե եռամսյակային հաճախականությամբ, այլ ամեն օր և անմիջապես տեսնել՝ ինչը ավելի լավ է աշխատում։

Ձեզ դուր եկավ հոդվածը: Կիսվել!!