Pamula merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri menggunak
Apa sobat pernah melihat Feedback atau Masukan untuk situs seperti Google Developert ? Jika ya, maka dini saya akan menjelaskan cara untuk membuat umpan balik seperti itu dan tentu pasti untuk tampilan kalian bisa kembangkan lagi sendiri karena saya hanya membagikan dasarnya saja.
Disini saya anggap kalian semua sudah memasang kode Google Analytics di blog masing-masing karena kita memerlukan kode tersebut untuk membuat Feedbacknya secara garis sebarnya kita akan tahu penggunjung menyukai postingan kita atau tidak.
Event Tracking Google Analytics
Pertama sobat masuk ke Dashboard blog kemudian masuk kebagian Tema
Kedua sobat copy kode Javascript dibawah ini dan simpan di atas </body>
<script>
function feedback(value){
ga('send', {
'hitType':'event',
'eventCategory': 'Page',
'eventAction': 'Rank',
'eventValue': value});}
$(document).ready(function(){$('.survey').click(function(){$('.feedback').css('display','none'),$('.nuhun').css('display','block')
})});
</script>
Kemudian untuk memangil kode diatas, sobat copy kode yang dibawah dan tempatkan sesuai kalian.
<div class="feedback">
Apakah artikel ini sangat membantu ?
<a class="survey" href="#plus1" onclick="feedback(1)">Ya, Terima Kasih!</a> - <a class="survey" href="#minus1" onclick="feedback(-1)">Tidak juga</a>
</div>
<div class="nuhun" style="display: none;">
Terima kasih atas masukannya. Anda sangat membantu kami meningkatkan Pintarsaurus
</div>
Misalnya dibawah tombol share.
Jika dijalankan maka kodenya akan terlihat seperti dibawah ini
Source : https://developers.google.com/analytics/devguides/collection/analyticsjs/events
Comments
Post a Comment
To insert a code use <i rel="pre">code_here</i>To insert a quote use <b rel="quote">your_qoute</b>To insert a picture use <i rel="image">url_image_here</i>To insert a video use <i rel="video">video</i>Tinggalkan komentar sesuai topik tulisan, komentar dengan link aktif tidak akan ditampilkan. Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim.