Skrip untuk penggantian konten di situs web untuk pengujian A / B

Jika Anda seorang pemasar atau spesialis SEO, Anda tahu betapa pentingnya menguji hipotesis secara teratur: tajuk utama, gambar, ajakan bertindak, formulir yang memengaruhi perilaku pengguna, dan konversi.

Tetapi menjalankan pengujian A / B mengalami kesulitan teknis. Anda perlu membuat perubahan pada kode, menunggu bantuan pemrogram, mengoordinasikan perubahan dengannya, dan sebagai hasilnya, Anda menunda pengujian atau menjalankan satu opsi setiap enam bulan.

Skrip substitusi dari QForm memecahkan masalah ini. Dengan itu, konten berubah langsung di browser pengguna, tanpa pengeditan di server atau melibatkan pengembang. Untuk melakukan ini, Anda hanya perlu menghubungkan skrip, membuat file dengan opsi (saluran.json) dan mempostingnya di situs.

Konten diganti secara otomatis, pengguna hanya melihat satu versi yang ditetapkan kepadanya oleh sistem, dan informasinya langsung masuk ke Yandex.Metrica.

Pada saat yang sama, mesin pencari hanya melihat konten asli, karena penggantian terjadi setelah halaman dimuat. Ini berarti alat ini aman untuk SEO.

Bagaimana semuanya bekerja: dari skrip hingga substitusi

Skrip QForm memeriksa grup pengujian tempat pengguna berada dan, berdasarkan aturan yang telah ditentukan, menyisipkan konten yang diperlukan ke dalam elemen yang ditentukan pada halaman.

Untuk membuat semuanya berfungsi dengan benar, Anda perlu mengambil tiga langkah:

Hubungkan skrip

Tambahkan baris ini ke <head > atau sebelum < / body>:

html

Tentukan elemen pada halaman

Ada blok HTML di halaman tempat Anda menyisipkan versi konten yang berbeda. Untuk melakukan ini, cukup menentukan kelas CSS yang dapat dimengerti untuk mereka.

Contoh:

html


Skrip akan menemukan semua blok dengan kelas text-1 dan text-2 dan mengganti isinya dengan apa yang Anda tentukan untuk opsi yang sesuai di pengaturan. Anda membuat sendiri nama kelas — yang utama adalah mereka cocok dengan kunci dalam file JSON.

Buat saluran.berkas json

Setelah kelas ditentukan, kami melanjutkan untuk mengonfigurasi opsi itu sendiri. Ini dilakukan dalam file konfigurasi saluran.json yang seharusnya berada di root situs.

Contoh:

json api


Apa yang penting di sini:

yandexCounterId adalah ID dari yandex.Tag Metrica, tempat acara akan dikirim (sesuai dengan nama opsi).

saluran-daftar semua opsi yang diuji.

, text-1, text-2 adalah kunci yang cocok dengan kelas CSS di halaman. Nilai mereka adalah HTML yang akan diganti.

File dapat berisi sejumlah varian dan blok apa pun. Dapat diterima untuk mengganti tidak hanya teks, tetapi juga HTML: gambar, formulir, tombol, iframe, gambar video, dll.

Sekarang setelah struktur sistemnya jelas, mari kita lihat dengan tepat elemen mana yang dapat diuji di situs dan bagaimana tampilannya dalam praktiknya.

Apa yang dapat diuji: contoh substitusi A / B

Skrip QForm memberi Anda kebebasan penuh untuk bereksperimen: Anda dapat mengganti elemen apa pun di halaman untuk memeriksa apa yang benar-benar cocok untuk audiens Anda. Berikut adalah contoh praktis untuk menjalankan pengujian.:

Berita utama

Periksa kata-kata mana yang lebih menarik perhatian Anda.:

json api


atau

json api


Pengujian a / b terhadap tajuk utama di situs ini memungkinkan Anda mengidentifikasi dengan cepat opsi mana yang mendapatkan lebih banyak klik atau membuat pengguna lebih lama.

Gambar dan spanduk

Bandingkan visual yang dapat memengaruhi kesan pertama. Ini adalah cara yang bagus untuk menguji spanduk dengan rotasi, saat setiap pengguna diperlihatkan versi spanduk mereka sendiri sebagai bagian dari satu pengujian.:

json api


atau

json api


Tombol dan CTA

Mainkan dengan teks tombol atau desainnya.:

json api


atau

json api


Formulir QForm

Tampilkan versi formulir yang berbeda: dengan video, tanpa video, dengan durasi yang berbeda.:

json api


atau

json api


Video dan widget

Uji salam, penjelasan, demonstrasi:

json api



atau

json api



Semua pergantian dicatat sebagai gol di Yandex.Metrica. Anda akan dapat melacak dengan tepat opsi mana yang memberikan hasil terbaik: berdasarkan tampilan, klik, pengiriman formulir, dan tindakan lainnya.

Sekarang mari kita lihat bagaimana skrip bekerja bersama dengan alat QForm lainnya, dan apa fungsinya dalam hal otomatisasi dan analitik.

Bagaimana skrip bekerja bersama dengan QForm

Salah satu keunggulan utama skrip ini adalah ia melengkapi alat QForm lainnya dengan sempurna. Ini memungkinkan Anda tidak hanya mengganti konten di layar, tetapi juga membuat corong lengkap: dari tampilan hingga penerimaan aplikasi dan transfer ke CRM.

Contoh prosesnya:

  1. Pengguna masuk ke situs dan diberi opsi A atau B.
  2. Skrip menggantikan konten yang diperlukan: teks, spanduk, atau formulir.
  3. Pengguna mengisi formulir QForm.
  4. Sistem secara otomatis mengirimkan segmennya ke formulir (melalui cookie atau utm).
  5. Aplikasi masuk ke CRM dan Anda dapat langsung melihat dari opsi mana asalnya.
  6. Yandex.Metrica mencatat tujuan dengan nama opsi.

Hasilnya, Anda mendapatkan analitik transparan dan kompatibilitas penuh dengan semua fitur QForm.

Integrasi memungkinkan Anda untuk:

, gunakan formulir berbeda di halaman yang sama;

, lihat di CRM dari opsi mana prospek itu berasal;

, luncurkan tindakan otomatis (misalnya, mengirim KP);

, kumpulkan dan filter data berdasarkan segmen;

, terima analisis pengujian tanpa pekerjaan manual.

Sekarang setelah kita menganalisis mekanisme dan kemampuan skrip, mari kita rangkum kelebihannya.

Mengapa nyaman dan efektif?

Pengujian menggunakan skrip QForm jauh lebih sederhana dan lebih cepat daripada solusi klasik yang memerlukan kerja kode.

Menyiapkan pengujian membutuhkan waktu minimum: satu skrip + satu file dengan opsi. Semuanya dapat dibaca dan diperbarui tanpa risiko merusak situs atau memengaruhi kinerjanya.

Anda memutuskan sendiri apa yang akan diubah: judul, gambar, formulir, tombol, video. Semuanya dikonfigurasi melalui file saluran.json, yang berarti Anda tidak bergantung pada pengembang.

Skrip ini cocok untuk semua situs web: Tilda, WordPress, Bitrix, CMS buatan sendiri. Gol segera dikirim ke Yandex.Metrica, dan informasi segmen diintegrasikan ke dalam formulir dan laporan QForm.

Hal ini memungkinkan pemasar untuk bekerja secara efektif: menghasilkan hipotesis → diluncurkan →

Keamanan dan dampak pada promosi

Dalam hal konten dan penggantiannya, penting untuk memahami bagaimana hal ini memengaruhi SEO dan stabilitas situs.

Keamanan situs

  1. Skrip berjalan di sisi klien, artinya tidak ada perubahan pada server atau kode sumber situs.
  2. Ini terhubung secara asinkron (tunda) dan tidak memblokir pemuatan halaman.
  3. Bahkan jika file tersebut adalah saluran.json untuk sementara tidak tersedia, situs akan terus berfungsi normal tanpa kesalahan.

Dampak pada optimasi mesin pencari

  1. Mesin pencari (Yandex, Google) melihat konten asli tanpa perubahan. Ini melindungi dari duplikasi dan tidak memengaruhi pengindeksan.
  2. Semua opsi konten diuji pada halaman yang sama, tanpa alamat baru atau duplikat. Hal ini penting untuk menjaga posisi halaman dalam pencarian.
  3. Menambahkan widget video dari QForm, yang dapat diuji menggunakan skrip yang sama, meningkatkan indikator perilaku: waktu di situs, keterlibatan, kedalaman tampilan. Dan ini adalah keuntungan nyata untuk SEO.

Skrip telah diuji pada platform populer dan tidak bertentangan dengan analitik, sistem pengujian A / B, pembuat formulir, atau widget eksternal lainnya.

Kesimpulan

Skrip substitusi konten QForm nyaman dan aman untuk pengujian A / B di situs. Semuanya diatur dalam beberapa langkah: Anda cukup menghubungkan skrip, membuat JSON dengan opsi, dan menentukan di blok mana Anda perlu mengubah konten. Pada saat yang sama, Anda tidak perlu mengubah struktur situs atau mengedit kode.

Hasil tes segera dikirim ke Yandex.Metrica, dan opsinya sendiri dapat digunakan dalam aplikasi, formulir, dan sistem CRM. Ini memberi pemasar

Apakah Anda menyukai artikelnya? Bagikan!!