الدرس 90: شرح كيفية اضافة عداد مشاهدات المواضيع على مدونة بلوجر

شرح طريقة اضافة عداد مشاهدة 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/>

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

تعديل المقال