Siteniz açıldığında direkt olarak Facebook sayfanızın Pop-up olarak gelmesi ve bunun sadece 1 kereye mahsus olması sayfanızın doğal olarak beğenisini oldukça fazla arttıracaktır.
Yasin‘in isteği üzerine bunu bir konu haline getiriyorum diğer arkadaşlarda bu şekilde faydalanabilirler.
Siteniz açılır açılmaz Facebook sayfanızın gelmesini istiyorsanız alttaki kodu head tagları arasına ekleyin;
<!-- root soci -->
<style type="text/css">
#rooteto_geri{display:none;background:rgba(0,0,0,0.4);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}#rooteto_cikis{width:100%;height:100%;}#rooteto_background {background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px;box-shadow: 0 0 10px 0 #C0C0C0 inset;height: 270px;left: 63%;margin: -220px 0 0 -375px;position: absolute;top: 58%;width: 420px;}#rooteto_bilesen {background: url("https://2.bp.blogspot.com/-xONFDXqiKQM/U3Bpq_ymMNI/AAAAAAAAZkA/XnfLNfurGPk/s1600/kapat.png") no-repeat scroll 0 0 / 42px auto rgba(0, 0, 0, 0);cursor: pointer;float: right;height: 15px;margin-right: -22px;margin-top: -20px;padding: 20px 40px 20px 20px;position: relative;}.rooteto_sil {height:1px;idth:366px;margin:0 auto;margin-top:16px;position:relative;margin-left:20px;}#linkit,#linkit a.visited,#linkit a,#linkit a:hover {color:#80808B;font-size:10px;margin: 0 auto 5px auto;float:center;}
</style>
<script type='text/javascript'>
jQuery.cookie = function (key, value, options) {if (arguments.length > 1 && String(value) !== "[object Object]") {options = jQuery.extend({}, options);if (value === null || value === undefined) {options.expires = -1;}if (typeof options.expires === 'number') {var days = options.expires, t = options.expires = new Date();t.setDate(t.getDate() + days);}value = String(value);return (document.cookie = [encodeURIComponent(key), '=',options.raw ? value : encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '',options.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''].join(''));}options = value || {};var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};
jQuery(document).ready(function($){if($.cookie('popup_user_login') != 'yes'){$('#rooteto_geri').delay(2000).fadeIn('medium');$('#rooteto_bilesen, #rooteto_cikis').click(function(){$('#rooteto_geri').stop().fadeOut('medium');});}$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });});
</script>
<div id='rooteto_geri'>
<div id='rooteto_cikis'></div><div id='rooteto_background'><div id='rooteto_bilesen'></div><div class='rooteto_sil'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/rootetocom&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>
<!-- root soci -->
Yukarıda Facebook linkindeki “rootetocom” alanını değiştirmeniz gerekiyor. Bu alana kendi facebook adresinizin adını yazmanız gerekiyor.
Bu kod eklemeden önce size söylemem gereken daha önemli bir konu var bu kodu koyduğunuzda sitenize giren tüm kullanıcılar (Bilgisayar, tablet ve akıllı telefonlar) bunu görecek ama mobil telefonlarda iyi görünmediğini ilerleyen zamanda göreceksiniz. Ben mobil’de bunun faydalı olmadığını ve iyide durmadığını farkettim. Kodu şu şekilde güncelledim isterseniz sizde alttaki gibi kullanabilirsiniz;
Not: Kullandığım fonksiyon sadece WordPress içindir diğer yazılımlarda bu kodu değil yukarıdakini kullanabilirsiniz.
Alttaki kodu head tagları arasına ekleyiniz.
<?php if(!wp_is_mobile()) : ?>
<!-- root soci -->
<style type="text/css">
#rooteto_geri{display:none;background:rgba(0,0,0,0.4);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}#rooteto_cikis{width:100%;height:100%;}#rooteto_background {background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px;box-shadow: 0 0 10px 0 #C0C0C0 inset;height: 270px;left: 63%;margin: -220px 0 0 -375px;position: absolute;top: 58%;width: 420px;}#rooteto_bilesen {background: url("https://2.bp.blogspot.com/-xONFDXqiKQM/U3Bpq_ymMNI/AAAAAAAAZkA/XnfLNfurGPk/s1600/kapat.png") no-repeat scroll 0 0 / 42px auto rgba(0, 0, 0, 0);cursor: pointer;float: right;height: 15px;margin-right: -22px;margin-top: -20px;padding: 20px 40px 20px 20px;position: relative;}.rooteto_sil {height:1px;idth:366px;margin:0 auto;margin-top:16px;position:relative;margin-left:20px;}#linkit,#linkit a.visited,#linkit a,#linkit a:hover {color:#80808B;font-size:10px;margin: 0 auto 5px auto;float:center;}
</style>
<script type='text/javascript'>
jQuery.cookie = function (key, value, options) {if (arguments.length > 1 && String(value) !== "[object Object]") {options = jQuery.extend({}, options);if (value === null || value === undefined) {options.expires = -1;}if (typeof options.expires === 'number') {var days = options.expires, t = options.expires = new Date();t.setDate(t.getDate() + days);}value = String(value);return (document.cookie = [encodeURIComponent(key), '=',options.raw ? value : encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '',options.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''].join(''));}options = value || {};var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};
jQuery(document).ready(function($){if($.cookie('popup_user_login') != 'yes'){$('#rooteto_geri').delay(2000).fadeIn('medium');$('#rooteto_bilesen, #rooteto_cikis').click(function(){$('#rooteto_geri').stop().fadeOut('medium');});}$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });});
</script>
<div id='rooteto_geri'>
<div id='rooteto_cikis'></div><div id='rooteto_background'><div id='rooteto_bilesen'></div><div class='rooteto_sil'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/rootetocom&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>
<!-- root soci -->
<?php endif; ?>
Yukarıdaki kodumuzda facebook sayfamızın linkini değiştirmeyi unutmayınız…
Eğer unutursanız sitenize girildiğinde Facebook beğen kısmında benim sitem çıkacak ve benim beğenimi arttırmış olacaksınız dikkatli olun. 🙂
çok teşekkür ederim hocam bir çok kişinin işine yarayacaktır:)
Rica ederim yasin 🙂
yapamadım yala
belki sitede kullandığın diğer js kütüphaneleri ile çakışmış olabilir? Boş bir ana sayfa yapıp dene eğer çalışıyorsa sitendeki kütüphaneleri kontrol et.
Hocam merhaba, kodu uygulamak istiyorum ancak kod içerisinde sadece a href kısmında değil, diğer kısımlarda da rooteto geçiyor. Yani rooteto_cikis, rooteto_geri gibi. Bunları da değiştimemiz gerekmiyor mu? Epeyi zaman geçmiş konunun üzerinden, umarım cevap verirsiniz
@sibelbaklaci:disqus, kodlardaki class veya idlere dikkat etme sadece facebook linkini değiştir çalışır. Rootetoları değiştir gibi birşey söylemedim diye hatırlıyorum. Sadece facebook linki içerisinde rooteto geçiyor onu değiştirmen yeterli.