{"id":32325,"date":"2018-04-20T16:40:12","date_gmt":"2018-04-20T09:40:12","guid":{"rendered":"https:\/\/dipstrategy.com\/blog\/?p=32325"},"modified":"2021-12-07T15:59:22","modified_gmt":"2021-12-07T08:59:22","slug":"perlunya-deteksi-scroll-pada-single-page-website","status":"publish","type":"post","link":"https:\/\/dipstrategy.co.id\/blog\/perlunya-deteksi-scroll-pada-single-page-website\/","title":{"rendered":"Bagaimana Tracking Scroll Pada Single Page Website"},"content":{"rendered":"

Tema Single Page Website<\/em> menjadi trend<\/em> sejak tahun 2013 sampai saat ini. Single Page Website <\/em>merupakan istilah bagi website yang terdiri hanya dari satu halaman. Hmm\u2026 bisa juga sih terdiri dari beberapa halaman, tetapi content<\/em> dan navigasi tetap harus dibuat simple<\/em> dan tidak kompleks. Lalu mengapa tema Single Page Website<\/em> memiliki daya tarik tersendiri? Hal ini karena tampilan isi website yang hanya satu halaman membuat visitors <\/em>menghemat banyak waktu. Mereka hanya perlu scroll <\/em>ke atas dan ke bawah untuk mendapatkan informasi yang dibutuhkan dan tidak perlu berpindah laman.<\/p>\n

\"single<\/a><\/p>\n

 <\/p>\n

Rupanya banyak perusahaan besar yang membuat Single Page Website <\/em>untuk keperluan tertentu. Contoh website yang memakai tema tersebut adalah Siladex Obat Batuk\u00a0 yang dibuat oleh Konimex<\/a> untuk keperluan campaign <\/em>dan promo produk Siladex, atau website Get Uber\u00a0 yang dibuat oleh Uber supaya para customer mendownload aplikasi Uber.<\/p>\n

Saat mengunjungi kedua website tersebut, visitor <\/em>hanya perlu melakukan scroll <\/em>ke atas dan kebawah. Nah, aktivitas scroll<\/em> itu sendiri dapat kita gunakan sebagai parameter untuk mengukur efektifitas sebuah website. Dari hal tersebut kita dapat mengetahui berapa banyak visitor <\/em>\u00a0yang ternyata hanya membuka website kita tanpa melakukan scroll <\/em>dan berapa banyak visitor<\/em> yang scroll <\/em>sampai halaman paling bawah. <\/em>Sehingga nantinya kita dapat mengatur letak content-content <\/em>yang kita anggap paling penting pada website berdasarkan data scroll visitor <\/em>website.<\/p>\n

Lantas, bagaimana cara kita memperoleh persentase visitors <\/em>yang melakukan scroll <\/em>pada website? Kita bisa menggunakan Tools yang bernama Google Tag Manager (GTM). Tools tersebut dapat digunakan untuk mengetahui jumlah visitor <\/em>yang melakukan scroll 25%, 50%, 75%, <\/em>dan 100%.<\/em> Pengertian scroll 25% <\/em>adalah visitors<\/em> yang hanya men-scroll <\/em>seperempat dari website kita, lalu scroll 50% <\/em>adalah visitors<\/em> yang men-scroll <\/em>setengah dari website kita, scroll 75% <\/em>adalah visitors<\/em> yang men-scroll <\/em>tiga perempat dari website kita atau hampir melakukan scroll <\/em>sampai bawah, dan yang terakhir scroll 100% <\/em>adalah visitors<\/em> yang men-scroll <\/em>sampai bagian paling bawah website.<\/p>\n

Oiya, Google Tag Manager (GTM) sendiri merupakan salah satu fitur dari Google Analytics (GA)<\/a> yang digunakan untuk membantu dalam manajemen tag yang dibutuhkan untuk analisa kebiasaan pengguna tanpa harus mengedit code<\/em> pada backend <\/em>website. Jadi intinya kita tidak perlu mengotak-atik codingan <\/em>di website, karena GTM sudah menyediakan fitur <\/em>untuk mendeteksi scroll <\/em>yang dilakukan oleh visitors <\/em>website, sehingga tugas kita hanya perlu untuk mengaktifkannya.<\/p>\n

Baca Juga: <\/strong>9 Tips Website Design yang Meningkatkan Konversi<\/a><\/p>\n

Nah, account website yang sudah ada pada GTM dapat ditambahkan scroll tags.<\/em> Pastikan bahwa javascript <\/em>GTM sudah terpasang dengan benar pada website, sehingga tags <\/em>yang akan ditambahkan pada website bisa tersinkronasi.<\/p>\n

Berikut ini langkah-langkah untuk menambahkan scroll tags <\/em>pada website:<\/h2>\n
    \n
  1. Buka workspace <\/em>website pada GTM<\/li>\n
  2. Pilih tags <\/em>dan buat tags <\/em>baru misal dengan nama \u201cScroll 25%\u201d<\/li>\n
  3. Pada Tag Configuration <\/em>pilih Universal Analytics<\/em><\/li>\n
  4. Pilih Event <\/em>pada Track Type<\/em><\/li>\n
  5. Isi category, action, label <\/em>dengan nama \u201cScroll 25%\u201d<\/li>\n
  6. Isi value dengan angka satu<\/li>\n
  7. Checklist <\/em>bagian enable overriding settings in this tag<\/em><\/li>\n
  8. Isi tracking ID<\/em> dengan code<\/em> Google Analytics<\/em> (GA) website<\/li>\n
  9. Tambahkan triggering <\/em>baru dengan nama \u201cScroll 25%\u201d<\/li>\n
  10. Pilih Scroll Depth <\/em>pada menu User Engagement,<\/em> kemudian checklist vertical <\/em>atau horizontal scroll depths <\/em>beserta percentages <\/em>sesuai dengan kebutuhan.<\/li>\n
  11. Kemudian pilih All Pages <\/em>pada bagian this trigger fires on<\/em><\/li>\n
  12. Simpan Tags<\/em> dengan nama \u201cScroll 25%\u201d dan klik submit<\/em><\/li>\n
  13. Untuk melihat apakah Tags Scroll 25% <\/em>sudah terpasang atau belum bisa dilakukan dengan klik Preview <\/em>dan Refresh <\/em>website sehingga muncul notifikasi Tags <\/em>sudah terpasang atau belum.<\/li>\n
  14. Dapat ditambahkan Tags <\/em>baru untuk Scroll 50%, 75%, <\/em>dan 100% dengan langkah yang sama.<\/li>\n<\/ol>\n

    Hasil dari berapa banyak visitors <\/em>yang melakukan scroll 25%, 50%, 75% <\/em>atau 100% di website dapat dilihat pada Google Analytics <\/em>(GA) pada bagian events<\/em> di menu behavior<\/em>. Setelah didapatkan persentase visitors<\/em> website yang melakukan scroll <\/em>25%, 50%, 75%, dan 100%, kita dapat mengoptimalkan letak content-content<\/em> pada website supaya visitors<\/em> mendapatkan informasi yang mereka butuhkan dengan mudah atau dapat memberikan suggest<\/em> dalam menyusun konsep website yang menggiring visitors<\/em> melakukan scroll sampai bottom page website<\/em>.<\/p>\n

    Jadi, bagaimana? Berniat untuk menggunakan GTM dan memanfaatkan fungsi scroll<\/em> yang terdapat pada website<\/em> Anda?<\/p>\n","protected":false},"excerpt":{"rendered":"

    Tema Single Page Website menjadi trend sejak tahun 2013 sampai saat ini. Single Page Website merupakan istilah bagi website yang terdiri hanya dari satu halaman. Hmm\u2026 bisa juga sih terdiri dari beberapa halaman, tetapi content dan navigasi tetap harus dibuat simple dan tidak kompleks. Lalu…<\/p>\n

    Read the postBagaimana Tracking Scroll Pada Single Page Website<\/span><\/a><\/div>\n","protected":false},"author":1481,"featured_media":32329,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9856],"tags":[],"class_list":["post-32325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-marketing","excerpt","zoom","full-without-featured","even","excerpt-0"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/posts\/32325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/users\/1481"}],"replies":[{"embeddable":true,"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/comments?post=32325"}],"version-history":[{"count":12,"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/posts\/32325\/revisions"}],"predecessor-version":[{"id":33437,"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/posts\/32325\/revisions\/33437"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/media\/32329"}],"wp:attachment":[{"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/media?parent=32325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/categories?post=32325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dipstrategy.co.id\/blog\/wp-json\/wp\/v2\/tags?post=32325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}