رؤيا للمعلوميات

شرح طريقة اضافة عداد مشاهدة Post Views Counter و زوار كل موضوع  اضفته على مدونة بلوجر Blogger لمعرفة احصائيات مشاهدة مقالات من طرفك  من طرف متابعيك

السلام عليكم احبابي متتبعي دورة انشاء مدونة بلوجر على مدونة علوم و تقنيات , فى هذا الدرس ان شاء الله ساقوم بشرح لكم كيفية اضافة اداة جميلة على مدونتك و هي عداد مشاهدات خاص بكل موضوع فى مدونتك . فائدة هذا العداد انه يظهر لك كم من زائر قام بمشاهدة اي من مواضيع و هذا يفيدك فى معرفة احصائيات مشاهدة المواضيع دون الحاجة الى دخول منصة بلوجر بمعرفة ذلك , و ايضا يفيد الزوار فى معرفة تفاعل و عدد مشاهدات الموضوع .

طريقة اضافة اداة احصاء عدد زوار لكل موضوع فى مدونة بلوجر

طبعا عداد مشاهدات المواضيع تظهر داخل المواضيع , حيث فى هذا الدرس ساشرح لكم كيفية اضافة الاكواد حتى تظهر هذه الخاصية و ايضا ساشرح لكم طريقة اظهار عداد المشاهدات الخاص بمدونة بلوجر اسفل او فى اول الموضوع . 

الاكواد المستعملة فى الموضوع  :

- اضف كود السكريب فوق وسم :

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/> 
<script> 
$.each($('a[name]'), function(i, e) { 
var elem = $(e).parent().find('#postviews'); 
var blogStats = new Firebase("https://YOUR-APP-NAME.firebaseio.com/pages/id/" + $(e).attr('name')); 
blogStats.once('value', function(snapshot) { 
var data = snapshot.val(); 
var isnew = false; 
if(data == null) { 
data= {}; 
data.value = 0; 
data.url = window.location.href; 
data.id = $(e).attr('name'); 
isnew = true; 
} 
elem.text(data.value); 
data.value++; 
if(window.location.pathname!='/') 
{ 
if(isnew) 
blogStats.set(data); 
else 
blogStats.child('value').set(data.value); 
} 
}); 
}); 
</script>

                                                                                                                                          

- كود HTML 

<i class='fa fa-eye'/> <span id='postviews'/> اشخاص شاهدوا الموضوع
1- ان رادت ان يظهر فى اول الموضوع اضفه فوق الوسم : <data:post.body/>
2-  ان رادت ان يظهر فى نهاية الموضوع اضفه اسفل الوسم : <data:post.body/>

ارجوا ان تنال الاضافة  اعجابكم . 

زائرنا الكريم : رجاءآ لاتنسى الاشتراك بقناتنا تشجيعآ لنا لتقديم الافضل وحتى يصلك كل جديد

  

شكرا لك .. الى اللقاء 

*

*