Blogger merupakan salah satu layanan situs CMS yang disediakan oleh Google untuk membangun website sendiri dengan memberikan nama subdomain yang berakhiran dengan blogspot.com. Layanan ini support untuk custom domain secara gratis, asalkan punya domain sendiri.
Bot Telegram ini ternyata bisa diterapkan di pengaturan Blogger dengan menggunakan beberapa kode program seperti JavaScript.
Blogger merupakan layanan CMS yang paling banyak digunakan untuk membangun website sendiri yang terutama promosi produk dari olshop dan artikel seperti berita, cerita personal, novel, cerpen. Layanan ini dikenal dengan gratis dan jalur termudah untuk terima Adsense. Seperti kita ketahui, Blogger ini memiliki fitur untuk Adsense tersendiri sehingga tidak perlu mengatur posisi iklan Adsense secara mandiri.
Selain itu, Blogger ini cocok untuk orang yang ingin menulis artikel atau promosi jualan produknya melalui Blogger tanpa mengeluarkan biaya untuk hosting.
Artikel ini membahas tutorial pembuatan monitoring visitor khusus Blogger dengan Bot Telegram. Kamu bisa melihat perancangan pada gambar di bawah ini.
Sistem kerja ini setiap pengguna yang mengakses atau mengunjungi situs Blogger milik kamu, maka akan mengirimkan notifikasi melalui Bot Telegram ke dalam aplikasi Telegram kamu bahwa ada seorang yang mengunjungi situs Blogger kamu.
Sebelumnya, pastikan kamu telah membuat Bot Telegram sendiri dengan menggunakan layanan Bot yaitu BotFather.
Setelah membuat Bot Telegram, baru bisa mulai pembuatan monitoring visitor khusus Blogger dengan Bot Telegram. Pastikan, kamu juga memiliki Blogger sendiri untuk pembuatan monitoring tersebut.
Penulis memberikan tutorial cara membuat monitoring visitor khusus Blogger dengan Bot Telegram.
LANGKAH-LANGKAH :
1. Kunjungi situs Blogger.
2. Pilihlah situs Blogger kamu yang akan dijadikan monitoring bot tersebut.
3. Klik Theme atau Tema.
4. Klik tanda panah bawah sebelah Customize.
5. Klik Edit HTML.
6. Letakkan kode perintah di atas </b:if> sebelum </body>.
6a. Masukkan kode perintah untuk AJAX sebelum mulai coding program untuk monitoring Bot Telegram. Apabila situs Blogger kamu telah ada kode perintah AJAX, maka tidak perlu dimasukkan lagi kode perintah tersebut, langsung saja ke langkah 6b.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>
6b. Kode Perintah untuk Monitoring Visitor yang mengunjungi situs Blogger berdasarkan Homepage.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script>
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.telegram.org/bot1234543210:AbCdEfGhIjIhGfEdCbA/sendMessage",
"method": "POST",
"headers": {
"Content-Type": "application/json",
"cache-control": "no-cache"
},
"data": JSON.stringify({
"chat_id": "123454321",
"text": "Selamat Datang di Web Blogger saya, MONITORINGTELEGRAMBOT-DT18.BLOGSPOT.COM."
})
}
$.ajax(settings).done(function (response) {
console.log(response);
});
</script>
</b:if>
Keterangan :
Warna Cokelat = Gantikan dengan Situs Blogger Milik kamu.
Warna Orange = Gantikan dengan Nomor Chat ID Telegram kamu.
Warna Ungu = Gantikan dengan kode Bot API Token kamu.
6c. Kode Perintah untuk Monitoring Visitor yang mengunjungi situs Blogger berdasarkan Artikel.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<script>
var post_title = "<data:view.title/>";
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.telegram.org/bot1234543210:AbCdEfGhIjIhGfEdCbA/sendMessage",
"method": "POST",
"headers": {
"Content-Type": "application/json",
"cache-control": "no-cache"
},
"data": JSON.stringify({
"chat_id": "123454321",
"text": "Ada visitor yang membaca artikel " +post_title+ " dari MONITORINGTELEGRAMBOT-DT18.BLOGSPOT.COM."
})
}
$.ajax(settings).done(function (response) {
console.log(response);
});
</script>
</b:if>
Keterangan :
Warna Cokelat = Gantikan dengan Situs Blogger Milik kamu.
Warna Orange = Gantikan dengan Nomor Chat ID Telegram kamu.
Warna Ungu = Gantikan dengan kode Bot API Token kamu.
7. Klik Save.
8. Klik ikon Back.
9. Klik Post.
10. Pilihlah post artikel yang ingin diujikan dengan klik ikon View.
11. Aktifkan Telegram Desktop di PC atau laptop.
12. Lihat hasilnya.
Selesai.
Kesimpulan
Bagi pengguna Blogger ini bisa memanfaatkan Bot Telegram dalam melakukan monitoring visitor Blogger milik kamu yang bisa dilihat di aplikasi Telegram Desktop atau Mobile. Apabila ada suatu kejadian yang tidak diinginkan dari Blogger milik kamu yang disebabkan banyak traffic, maka kamu bisa melakukan antisipasi untuk mencegah terjadi permasalahan di Blogger kamu.
Meskipun pembuatan monitoring sistem dengan Bot Telegram ini masih sederhana, kamu bisa memantau aktivitas situs Blogger milik kamu di dalam Telgram itu sendiri, terutama masalah traffic.
Terima kasih…
Kira-kira bisa untuk share otomatis di channel telegram gak mas?
Gak tahu, saya belum coba yang itu.
Next saya request ya mas kalo ada tutorialnya hehe