bukan rahasia lagi kalau jejaring sicial dapat memberi banyak trafik untuk sebuah blog, maka dari itu pada kesempatan ini saya akan berbagi tips dan trik kepada sobat pembaca cara meningkatkan trafik dari jejaring social, yaitu dengan memasang social unlocker atau social share. cara ini mungkin lebih tepat digunakan bagi sobat yang mempunyai blog download.
Bagai mana cara kerjanya : caranya kerjanya cukup sederhana yaitu visitor yang datang di blog sobat cukup mengklik salah satu jejaring social untuk melihat link download.
Cara menggunakan : sebelumnya saya infokan skrip ini buatan seorang sahabat blogger yaitu kang ismet. ok, skarang ikut langkah-langkah dibawah ini untuk melakukan pemasangan pada blog sobat.
Masukkan kode jquery berikut diatas </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
cat : jika kode di atas sudah ada pada template sobat, maka tidak perlu lagi di masukkan
Pasang Kode CSS di bawah ini di atas ]]></b:skin> atau </style>
.secret {text-align:centerdisplay:none}
.secret-share {padding:20px;text-align:center;border:3px solid #ddd}
Pasang Script Penampil Button di atas </body>
<script type='text/javascript'>
//<![CDATA[
/* Facebook */
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.fbAsyncInit = function() {
// init the FB JS SDK
FB.init({
status : true,
xfbml : true
});
FB.Event.subscribe('edge.create', function(href, widget) {
$.event.trigger({
type: "pageShared",
url: href
});
});
};
/* Twitter */
window.twttr = (function (d,s,id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
twttr.ready(function (twttr) {
twttr.events.bind('tweet', function (event) {
$.event.trigger({
type: "pageShared",
url: event.target.baseURI
});
});
});
/* Google Plus */
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
function plusOned(obj){
console.log(obj);
$.event.trigger({
type: "pageShared",
url: obj.href
});
}
/* Listen for the pageShared event */
$(document).on('pageShared',function(e){
if(e.url == window.location.href){
$(".secret").show();
$(".secret-share").hide();
}
});
//]]>
</script>
Cara penggunaan agar skrip muncul di setiap postingan yaitu copykan kode dibawah ini dalam postingan
<div class="secret">
Link yang disembunyikan disini</div>
</div>
<div class="secret-share">
Bagikan melalui Facebook / Twitter / Google Plus untuk melihat Link Download
<span class="fb-like" data-layout="button_count" data-send="false" data-show-faces="false" data-width="90" expr:data-href="data:post.url" style="margin-right: 25px;"></span><a class="twitter-share-button" data-count="horizontal" data-related="" data-via="kangismetdotnet" expr:data-text="data:post.title" expr:data-url="data:post.url" href="http://twitter.com/share">Tweet</a><span class="g-plusone" data-callback="plusOned" data-count="true" data-size="medium" expr:data-href="data:post.url"></span></div>
cat : ganti tulisan berwarna merah dengan link yang ingin di sembunyikan.
sourche sumber : http://blog.kangismet.net/2014/01/share-to-unlock-download-button.html
0 komentar:
Posting Komentar