مدونة بلوجر
الأحد، 27 يوليو 2025
السبت، 14 مايو 2022
كيفية إضافة عداد مشاهدات المنشور في بلوجر
كيفية إضافة عداد مشاهدات المنشور في بلوجر
اذا كنت تبحث عن كيفية إضافة عداد مشاهدات المنشور في Blogger ، فأنت في المكان الصحيح. في هذا المقال سأقوم بإرشادك خطوة بخطوة لإضافة عدد المشاهدات في Blogger. لذلك ، اتبع هذه الخطوات السهلة جيدا للتعرف على كيفية اضافة هذه الميزة."
عرض العداد هو عرض عدد المشاهدات على المقالات. ومن المؤكد أن عرض المشاهدات له فائدة كبيرة في جعل الزائرين يعرفون المقالات الأكثر مشاهدة حتى يعلموا أن المقالة مفيدة فعلن لهم.
خطوات إضافة عدد مشاهدات
لا يوجد سوى ثلاث خطوات سهلة وبسيطة للغاية لإضافة عداد عرض المشاهدات في مقالاتك أو تدويناتك. يتم شرح جميع الخطوات بشكل جيد للغاية أدناه. يرجى اتباع الخطوات بعناية لأنه إذا كان هناك خطأ ، فلن يعمل عداد عرض المشاهدات.
الخطوة 1:
ابحث عن الرمز <head> في مدونتك وضع الكود التالي بعد الرمز <head> مباشرةً:
<!-- Jquery Library and Font Awesome CDN --> <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'/> <link crossorigin='anonymous' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css' integrity='sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=' rel='stylesheet'/>
الخطوة 2 :
الآن ابحث في الكود </ body> والصق الرموز التالية فوقه.
<script type='text/javascript'> jQuery.getScript("//cdn.firebase.com/js/client/2.3.2/firebase.js").done(function(){$.each($(".post-view[data-id]"),function(e,a){var i=$(a).parent().find("#postviews").addClass("view-load"),t=new Firebase("https://post-view-st.firebaseio.com/pages/id/"+$(a).attr("data-id"));t.once("value",function(e){var o=e.val(),d=!1;null==o&&((o={}).value=0,o.url=window.location.href,o.id=$(a).attr("data-id"),d=!0),i.removeClass("view-load").text(o.value),o.value++,"/"!=window.location.pathname&&(d?t.set(o):t.child("value").set(o.value))})})}); </script>
الخطوة 3 :
أضف الأكواد التالية أعلاه إلى <data: post.body />.
قد يكون هناك أكثر من رمز <data: post.body /> في القالب ، لذا يرجى المحاولة واحدًا تلو الآخر ومعرفة ما إذا كان يعمل.
<b:if cond='data:view.isPost'><span class='post-view' expr:data-id='data:post.id'><i class="fa fa-eye" aria-hidden="true"></i> <span class='view-load' id='postviews'><i class='fas fa-spinner fa-pulse faa-fast'/></span> مشاهدة</span></b:if>
في الختام آمل أن يكون هذا المقال مفيدًا جدًا لك. إذا كان هناك شيء غير واضح أو لديك أي سؤال ، فأخبرنا بذلك في التعليقات.