BREAKING NEWS
Tampilkan postingan dengan label Blogger Tips. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger Tips. Tampilkan semua postingan

Selasa, 08 Agustus 2023

Cara Melakukan Konfigurasi Google Analytics 4

Bagi yang selama ini menggunakan Google Analytic untuk menganalisa pengunjung website, terhitung mulai tanggal 1 Juli 2023 Google sudah menerapkan Google Analytisc 4. 

Apa implikasi dari penerapan Google Analytics 4 bagi pengguna?

Dampaknya adalah kita tidak bisa melihat laporan pengunjung website apabila belum dilakukan konfigurasi ke Google Analytics 4.


 

Apa kelebihan Google Analytics 4?

  • mengumpulkan data dari website dan aplikasi (aplikasi android atau aplikasi IOS)
  • berbasis event-based dari yang sebelumnya session-based
  • termasuk kontrol privasi seperti pengukuran cookies, kebiasaan, dan konversi model
  • kemampuan untuk memprediksi tanpa model yang kompleks
  • integrasi langsung ke berbagai platform media

Intinya Google Analytics 4 dapat memberikan data mengenai pengunjung website secara lebih detail melalui pengukuran event-based yang lebih menyeluruh. Memberikan kontrol privasi yang lebih baik, meminimalkan pengumpulan data dari pengguna seperti cookie dan metadata namun tetap menghasilkan analisis pengukuran yang tepat.

Cara melakukan konfigurasi ke Google Analytics 4

1. Membuat akun Google Analytics

Hal yang perlu dilakukan adalah mendaftarkan akun Google Analytic, jika belum memilikinya. 

  • Kunjungi https://analytics.google.com 
  • Untuk pengguna baru, saat muncul halaman Welcome to Google Analytic, pilih Mulai Melakukan Pengukuran
  • Jika sudah memiliki akun, masuk ke menu Admin, pilih buat Akun
    Buat akun

  • Isi nama akun
  • Pilih opsi setelan berbagi data akun

2.  Membuat properti Google Analytics 4

Langkah kedua yaitu membuat properti GA 4:

  • pada halaman admin, pilih nama akun yang sudah dibuat, lalu pilih buat properti
  • masukkan nama properti, sebagai contoh website saya, kemudian pilih zona waktu dan mata uang yang digunakan

 

3. Membuat aliran data

Langkah ini merupakan langkah yang paling credensial agar data mengalir dari website atau aplikasi ke dashboard google analytics 4.

  • pada halaman admin, yaitu pada properti yang telah dibuat, pilih tab aliran data (data stream)
  • bila memilih sumber data dari web, maka pilih opsi web
  • masukkan alamat url web sebagai contoh: https://situsanda.com dan nama aliran data sebagai contoh: aliran data ke web situsanda.com
  • pilih buat aliran data

 

4. Catat ID Pengukuran

Langkah ini kita perlu mencatat id aliran data yang nantinya akan kita koneksikan dengan google tag manager

  • masuk ke halaman admin google analytics dan pilih menu aliran data
  • Pilih nama aliran data
  • catat dan simpan ID Pengukuran, ID Pengukuran yang dilingkari garis berwarna merah

 

5. Mengcopy script tag yang berisi ID Pengukuran ke halaman website

Langkah ini cukup penting untuk menghubungkan ID Pengukuran dengan halaman website, agar google analytics 4 dapat terkoneksi dengan website

  • Pilih menu konfigurasi setelan tag
  • Pilih petunjuk penginstalan

  • Copy script pada tab install secara manual pada halaman website setelah kode <head>
     

6. Buat akun pada Google Tag Manager 

Langkah ini kita menyetting akun baru untuk google tag manager:

  • Kunjungi : https://tagmanager.google.com
  • kemudian buat akun baru

  • masukkan nama akun, negara, nama penampung


  • tentukan platform target
  • pilih buat
  • Menyetujui perjanjian layanan google tag manager 

 

7.  Mengcopy script untuk menginstal Google Tag Manager pada Website

Langkah ini untuk memastikan akun google tag manager terkoneksi dengan website

  • Setelah menyetujui perjanjian layanan, maka kita diminta untuk menyalin script dari google tag manager ke website
  • ada 2 script, yang atas dicopy tepat di bawah kode <head> dan yang bawah dicopy tepat di bawah kode <body>
  • untuk melakukan langkah ini diperlukan akses ke server tempat menyimpan source code website

 

8. Membuat tag baru

Setelah selesai membuat akun google tag manager dan mengcopy script ke website, maka langkah selanjutnya adalah membuat tag baru

  • Setelah klik tombol oke dari langkah 6, maka akan diarahkan ke dashboard google tag manager
  • Pilih menu tambahkan tag baru

  • masukkan nama tag dan pilih konfigurasi tag dan pilih jenis tag Google Analytic : Konfigurasi GA 4

  • masukkan ID Pengukuran yang telah dicatat sebelumnya dari google analytic

  • pilih pemicu all pages

Mengecek aliran data Google Analytics 4

Jika semua langkah di atas telah dilakukan, kita bisa mengecek apakah terdapat aliran data dari Google Analytics 4 ke website, yaitu dengan mengecek pada halaman admin di Google Analytic

  • Kunjungi halaman Google Analytic
  • Pilih menu admin, pilih properti website
  • Pilih menu aliran data
  • Pilih aliran data yang digunakan
  • cek apakah terdapat teks "Pengumpulan data aktif dalam 48 jam terakhir", jika iya maka koneksi berhasil
     
     

    --------  ###  Selamat mencoba ### -------
     
     
     
     
     

Senin, 21 November 2016

Membuat Daftar Isi dengan mudah menggunakan plug in dari Garafu

Sudah beberapa kali memasukkan Daftar Isi di halaman web ini, akan tetapi selalu saja link sourcenya mati, sehingga halaman daftar isi yang tadinya tampil tidak muncul lagi.

Solusinya adalah update source code untuk daftar isi, dan saya menemukan Garafu menyimpan koding tersebut di halaman github yang mudah-mudahan kodingnya awet dan tidak hilang lagi.


 
Caranya:
Gampang sekali, cukup masukkan alamat web ke dalam boks Your Blog URL, lalu klik tombol open window, jika sudah cocok, silahkan kopi paste script di kolom script diatas ke dalam halaman blog 

Demo : klik di sini

Senin, 23 Mei 2011

Menampilkan artikel yang berhubungan di setiap artikel

Membuat artikel yang berhubungan (related post) dapat dilakukan dengan mudah dengan bantuan LinkWithin. Link Within menyediakan script thumbnail related post yang dapat digunakan di halaman Blogger, Wordpress, dan TypePad.

Pada halaman beranda LinkWithin kita cukup memasukkan keterangan email (email yang kita gunakan untuk login ke blogger/wordpress/TypePad), alamat link web, platform web yang digunakan, dan jumlah kolom (gambar/link). Selanjutnya halaman panduan dari LinkWithin akan muncul untuk memandu kita melakukan instalasi widget.

Instalasi widget cukup mudah, kita cukup mengklik link install widget. setelah itu ikuti saja panduannya. Setelah widget terinstall pada elemen halaman, untuk penampilan widget terbaik, geser widget LinkWithin ke bagian bawah halaman body.

Jika semua prosedur instalasi sudah dilakukan dengan baik, maka di setiap artikel akan muncul tulisan You might also like (Anda mungkin juga suka:) dengan beberapa gambar disertai judul artikel di bawahnya.


Rabu, 15 Juli 2009

Mem-by pass proteksi web lewat bing

Belum lama denger kabar di internet, bahwa ada halaman web yang dapat membuka proteksi filtering web-web tertentu.

Berhubung informasi ini amat penting bagi saya, karena belakangan ini kantor saya memperketat pengamanan internet dengan cara membatasi halaman-halaman web yang dapat diakses. Halaman favorit saya seperti youtube dan facebook, tak luput dari pemblokiran. Harus cari akal untuk mencari alternatif agar dapat tetap mengakses situs-situs favorit tersebut. 

Langsung aja ke pokok persoalan... telusur tak telusur ternyata website itu adalah kepunyaan microsoft. Alamatnya adalah http://www.bing.com.



Bing adalah sebuah mesin pencari, sama seperti dua mesin pencari besar yang telah ada sebelumnya yaitu google dan yahoo.

Saya mencoba mengetikkan kata kunci youtube dalam boks pencarian bing. Ternyata eh ternyata, setelah kucoba untuk mengklik hasil pencarian berupa alamat lengkap http://www.youtube.com browser opera-ku berhasil meload halaman youtube dengan sukses, padahal sebelumnya telah diblokir oleh proxy server di kantor. Itu artinya... usaha pemerintah untuk memblokir halaman-halaman xxx tidak akan berhasil.

Kesimpulannya... there is no limit to access any things.


Selasa, 05 Mei 2009

Related Post Script for Blogger - Part 2

Kalau di artikel sebelumnya, telah dibahas tentang bagaimana cara menambahkan widget related post/related article dengan mengakses script javascript di halaman eksternal. Sekarang saatnya menyisipkan script widget utuh ke dalam halaman blogger.

Cara ini amat disukai bagi blogger yang ingin mengkustomisasi isi dari widget related post yang akan ditampilkan. Misalnya mau merubah kata-kata "Related Articles" menjadi "Artikel Terkait" atau apa pun itu terserah kamu.

Langkah demi langkahnya adalah sebagai berikut:

1. Pilih Template Editor, dalam dashboard blogger kamu.

Klik Link Download Full Template . jangan lupa simpan template yang belum diotak-atik, agar nanti bisa direcover bila terjadi kesalahan penyisipan skrip.

Lalu, berikan tanda check pada Chek Box Expand Widget Templates.

2. Temukan kode dibawah ini

<data:post.body/>
3. Salin kode dibawah ini

update: Supaya gak sampai salah salin, Silahkan klik link disebelah untuk menampilkan skrip lengkapnya the related posts / articles on .txt (klik disini).


<div class='clear-block;'/><b:if cond='data:blog.pageType == "item"'><div class="similiar"><!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --><!-- *****************Related Articles by Labels - Take Two****************** --><!--

Modified by JackBook.Com to make it easier to use.

1. Now, users don't need to change anything to use this widget. just copy and paste, and done!

2. The current article will also be listed, now it's no more.

-->

<div class='widget-content'>

<h3>Related Posts by Categories</h3>

<div id='data2007'/><br/><br/>

<div id='hoctro'>

Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a>

</u></div>

<script type="text/javascript">

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

<b:if cond='data:blog.pageType == "item"'>

maxNumberOfPostsPerLabel = 100;

</b:if>

<b:if cond='data:blog.pageType == "item"'>

maxNumberOfLabels = 3;

</b:if>

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement('li');

var a = document.createElement('a');

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('data2007').appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', query + 'feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;


<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</b:if>

3. Tempelkan skrip yang telah disalin diatas di bawah urutan nomor #2 (<data:post.body/>)


Fleksibel aja ya. Lakukan eksperimen dengan menempatkan posisinya <data:post.body/> seperti <p></p>didalam


<p><data:post.body/></p> Skrip widget related post


4. Simpan template. refresh blog, dan selesai


Gampang kan.. Selamat menikmati... (emang makanan dinikmati)

Senin, 04 Mei 2009

Menambahkan Link Artikel yang Berhubungan di Setiap Artikel - Blogger

Salah satu cara meningkatkan page view dari artikel yang ada dalam sebuah website adalah dengan menampilkan daftar artikel yang berhubungan dengan artikel yang sedang dimuat. Dengan demikian, artikel yang memiliki content relatif sama dengan artikel yang sedang ditampilkan akan terdongkrak page view nya.

Ada dua cara untuk menambahkan widget Related Post atau Artikel yang berhubungan.

Cara pertama.
(Bagi yang ingin meletakkan widget Related Post di side bar)
1. klik tombol Add to Blogger dibawah ini, lalu ikuti instruksi yang diberikan oleh Blogger.

2. Pindahkan widget ke lokasi yang kamu inginkan, dengan cara drag n drop (tahan dan geser).
Widget baru akan muncul di susunan teratas widget yang telah kamu simpan, jangan lupa pindahkan posisinya ke tempat yang kamu inginkan. Setelah itu simpan.

Cara kedua.
(Menambahkan widget Related Post di setiap artikel secara otomatis)
1. Pergi ke =>Layout=>Edit HTML=>Edit template
2. Lakukan back up template Anda (Jangan abaikan langkah ini !)
3. Checklist Expand Widget Template, kemudian temukan baris code seperti ini:
<div class='post-footer-line post-footer-line-3'/>
...
</div>
4. Tambahkan baris seperti dibawah ini:
<div class='post-footer-line post-footer-line-3'/>
...
</div>
<div id='related_posts'/>
5. Langsung menuju skrip paling bawah:
</body>
</html>
6. Tambahkan dua baris kode:
<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>
</body>
</html>

Enjoy !!!

Rabu, 15 April 2009

Cara menghilangkan Blogger Navigation Bar

Seperti yang Anda lihat dalam blog saya ini (www.persada.co.nr), Anda tidak menjumpai Blogger Navigation Bar, seperti yang seringkali terlihat di bagian atas halaman blogspot yang baru dibuat. Tampilan Blogger Navigation Bar adalah seperti dibawah ini:


Cara menghilangkan Blogger Navigation bar itu sangat sederhana, coba ikuti langkah-langkah dibawah ini:

1- Log in ke blogger.com

2- Dalam halaman Dashboard, pilih Layout. selanjutnya kamu akan menjumpai tampilan tab Template. klik Edit HTML. dibawah link Edit Template kamu dapat melihat baris kode-kode HTML.

3- lalu paste kode CSS (kode untuk menghilangkan Blogger NavBar, yang diblok warna hijau) dibawah header template meta tag seperti dibawah ini:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Kholid Fahrudin
URL: www.persada.co.nr
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="mainBgColor"
description="Main Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color"
type="color"
default="#333" value="#333333">
...


Untuk menampilkan kembali Blogger Navigation Bar, silahkan hapus kode diatas.

Selasa, 03 Maret 2009

Mengatasi Galat Error BX-XXXX Saat Menganti Template di Blogspot

Setelah beberapa lama didera pusing berkepanjangan akibat belum menemukan solusi mengatasi galat error BX-XXXX ketika akan mengganti template atau theme pada blogger atau blogspot , akhirnya saya menemukan solusi yang jitu untuk mengatasi persoalan tersebut.

Ternyata caranya sangat sederhana kok, ga kebayang sebelumnya. Kalau anda mengalami hal yang sama dengan saya. Lakukan langkah berikut ini :

1. Setelah download template anda, buka file xml template anda dengan wordpad (jangan pakai notepad).

2. Setelah terbuka cari kode html atau istilah seperti ini "<b:widget id=". Caranya tekan "ctrl+F", masukkan kata kunci "<b:widget id=" (tanpa tanda kutip) kemudian tekan enter.

3. Anda akan menemukan beberapa tag html seperti ini <b:widget id='blog1' atau <b:widget id='feed1'. Ganti nomer yang ada dalam tag tersebut dengan yang selainnya. Contoh : <b:widget id='blog1' ganti dengan <b:widget id='blog2'. Lakukan hal yang sama untuk seluruh tag <b:widget id='namawidget1'.

4. Save file xml template anda.

5. Sekarang coba upload di blog anda melalui fitur edit html.

6. Bila Anda ingin lebih yakin bahwa template yang telah diperbaiki scriptnya tersebut dapat digunakan, sebelum di save (disimpan), klik terlebih dahulu tombol Preview (Pra Tampil). Jika Preview berhasil dan tidak menampilkan galat error, berarti template Anda siap untuk digunakan.

Keberhasilan langkah ini mendekati 100%, silahkan dicoba. Saya sendiri telah mencobanya, dan berhasil untuk semua template yang tadinya selalu gagal untuk diupload. Akhirnya hilanglah pusing saya, jadi saya dapat mengganti template blogger saya sesuka hati... [Uh senangnya.]

Berguru dari http://www.yasmara.web.id


Selasa, 08 Juli 2008

Tips Menambahkan Widget Recent Post pada Blogger

Tips ini untuk Kamu yang ingin membuat widget "Recent Post" lebih dari 10 artikel pada Blogspot / Blogger.

Dengan widget tambahan dari Scrapur.com kamu dapat dengan mudah menambahkan recent post widget ke dalam blog kamu dengan sekali klik dan beberapa perubahan kecil. Keuntungan menggunakan widget ini adalah kamu dapat menampilkan 10 sampai 100 recent post dalam halaman web Blogger atau Wordpress, hanya diperlukan perubahan sedikit dalam kode widget yang diberikan.

1. Layout --> Page Elements

2. Pilih tempat yang kamu inginkan kemudian Add a Gadget

3. Pilih HTML/JavaScipt dan sisipkan kode dibawah ini


<script src="http://www.geocities.com/hidup_holid/post-terakhir.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BLOGMU.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

Yang harus kamu lakukan hanya mengganti teks "http://BLOGMU.blogspot.com...." dengan alamat blogspot kamu.


Mudah bukan..., selamat mencoba.
 
Copyright © 2014 Persada Blog

Powered by Mafsyah