أداة متابعي Google+ لأكثر من حساب في آن ولغير مدونات البلوقر

بسم الله ، أطلقت بلوقر قبل أيام أداة متابعي قوقيل بلس عبر مدونتها الرسمية، ووفرتها كقطعة widget خاصة بمدونات البلوقر، الإضافة تجبرك على الاختيار بين عرض متابعي حسابك الشخصي أو عرض متابعي صفحة مدونتك حسب إعدادات المدونة. ولا يمكن الجمع بينهما !
بعد المحاولة والمقارنة مع مولد أزرة وشارات قوقيل بلس، توصلت لكود الإضافة خالياً من وسوم البيانات Data Tags، مجرد شفرة HTML/JavaScript ؛ وهذا يعني 1 إمكانية إضافة الأداة اأي عدد من حسابات قوقيل بلس، 2 إمكانية استخدامها في أي صفحة ويب عادية أو أي منصة أخرى كمدونات الوردبريس!


كود الإضافة الأساسي ( قبل التعديل )

عند إضافة الأداة بالطريقة الرسمية كقطعة من تبويب التخطيط ، وعرض القالب بشكل كامل سيبدو كود الأداة كالتالي ( تنبيه: لا تستخدم هذا الكود أعرضه فقط لتوضيح لماذا لا يعمل خارج القالب )

1
2
3
4
5
6
7
8
9
10
11
12
<div class='g-plus' data-action='followers' data-height='300' data-source='blogger:blog:followers' expr:data-href='data:profileUrl' expr:data-width='300'/>
<script type='text/javascript'>
       (function() {
        window.___gcfg = {'lang': '<data:language/>'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = '<data:plusOneApiUrl/>';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
        })();
</script>

كما ترى أن هذا الكود فيه وسوم بيانات مرتبطة بقاعدة بيانات مدونة البلوجر مثل : data:language ويترجم في المتصفح برمز اللغة فمثلاً للعربية يترجم برمز ar ، والقيمة data:profileUrl  تتحول إلى رابط حساب قوقل بلس سواء الملف الشخصي أو صفحة المدونة وهكذا ..وعند استخدام هذا الكود كما هو في صفحة ويب عادية أو منصة أخرى غير بلوقر فلن يستطيع المتصفح التعامل معها وأفضل نتيجة تحصل عليها هي مجرد صور متابعي الحساب؛ وعليه لابد من استبدال وسوم البيانات بما يوافقها لتعمل بشكل مباشر في أي صفحة كشفرة HTML  ، وسينتج الكود الذي يمكن استخدامه في أي صفحة فهو عام لا يرتبط بأي قاعدة بيانات.

كود الإضافة العام ( بعد التعديل )

يمكنك المقارنة بينه وبين الكود الأصلي لتفهم الفرق بين الإثنين ، ولتتعلم كيف توصلنا اليه وبالتالي سيساعدك في المستقبل في أي إضافة أخرى!
1
2
3
4
5
6
7
8
9
10
<div class='g-plus' data-action='followers' data-height='300' data-source='blogger:blog:followers' data-width='300' data-href='https://plus.google.com/ID'></div>
<script type="text/javascript">
       (function(){window.___gcfg={'lang':'ar'};
        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);})();
</script>

هذا الكود يُفعل الإضافة في أي صفحة HTML عادية ، وللتعديل بما يوافق حسابك في قوقيل بلس عدل ما يلي:

  • استبدل ID برقم حساب في قوقل بلس: 106675122873738446344
  • غير عرض مربع الأداة بتغيير قيمة : data-width
  • غير ارتفاع مربع الأداة بتغيير قيمة:  data-height
تنبيه: لن تعمل الإضافة مالم تستبدل كلمة ( ID ) الظاهر في السطر الأول برقم حسابك في قوقيل بلس!

تطبيق مباشر

وهذا تطبيق لما سبق للأداة باستخدام الكود العام ، تابعني ان شئت :)

متابعي حسابي الشخصي



متابعي صفحة مدونة البلوقر

تعليقات