יום ראשון, 18 במאי 2014

Blogger - מדריך מעודכן להוספת תיבת התגובות של פייסבוק לבלוג


תגובה מהפייסבוק לבלוג שלכם יכולה לשמש כדרך טובה 
להפוך את האתר שלכם יותר מעניין ולעודד את הקוראים 
להגיב אם הם כבר מחוברים לפייסבוק. הוא משמש גם
כמקור של תנועת חברים באמצעות העמוד של המגיב.




מדריך זה אינו מעודכן עוד. נא קראו את המדריך המעודכן.


חברותיי הבלוגריות עדכנו אותי כי ממשק פייסבוק השתנה וכי המדריך הקודם 
להתקנת תיבת התגובות של פייסבוק אינו תקין.

להלן השלבים להוספת תיבת התגובות לבלוג עם הממשק החדש של פייסבוק:

1. יצירת אפליקציה חדשה

היכנסו לדף המפתחים בפייסבוק כאןלחצו על Apps אשר בתפריט ובחרו
"Create a New App".
במידה ולא נרשמתם בעבר כמפתחים יופיע מסך רישום:

הזינו מספר טלפון סלולרי (לא לרשום את הספרה 0 הראשונה במספר),
לחצו על Send via phone call. אחרי זמן קצר תקבלו הודעת SMS
עם קוד אותו תצטרכו להזין כדי לאמת את הרישום.



במידה והקוד נכון, תקבלו הודעת אישור. לחצו Done והמשיכו לשלב
יצירת האפליקציה.



לחצו "Create a New App".



בחלון שייפתח: 
הזינו שם לאפליקציה.
הזינו כינוי - ניתן להשתמש באותיות קטנות, מקף או קו תחתון בלבד (לא פחות
מ-7 תווים).
בחרו קטגוריה (חובה).
בשדה הבא - סמנו "לא".

בסיום לחצו "צור יישום". במידה ויופיעו סמלים של סימני קריאה בשדות כלשהן, 
יש לתקן את הבעיה.



הזינו את התווים בשאלת האבטחה ולחצו "שלח".



במסך הבא יופיע מספר ID של האפליקציה שיצרתם, אותו תצטרכו בהמשך.



לחצו בתפריט על Settings.
בלשונית Basic - הזינו שדה App Domains (דומיין פרטי או blogspot.co.il / com).
                         שימו לב למלא את כל שם הדומיין של הבלוג). 
                         הזינו שדה Contact Email (כתובת מייל שלכם).

לחצו  Add Platform+


בחלון שייפתח לחצו על אייקון Website.


בשדה הנוסף Site URL הזינו או הדביקו את כתובת הבלוג שלכם.
לחצו Save Changes (שמירת שינויים).


לאחר שסיימתם ליצור את האפליקציה, העתיקו את מספר ה- ID (מזהה יישום) המופיע בראש העמוד לשימוש מאוחר יותר.


2. הוספת הקוד לתבנית הבלוג

היכנסו לתפריט מרכז השליטה של הבלוג ולחצו על "תבנית".


בצעו גיבוי לתבנית הקיימת, אליה תוכלו לחזור במידה ותהיה בעיה כלשהי.
לחצו על "ערוך HTML".


במערכת בלוגר הישנה הייתה אפשרות ללחוץ על "הרחב תבניות יישומון" -
פעולה אותה חייבים לבצע על מנת להטמיע את הקוד במקום הנכון.
אפשרות זו אינה קיימת במערכת בלוגר החדשה ולכן יהיה עליכם לעשות
זאת בעצמכם (לא מצאתי דרך אחרת).
בעמודה השמאלית מופיעים מספרים עוקבים. אם תגללו את הדף כלפי מטה
יופיעו במקומות מסוימים חיצים (בצבע שחור). לחצו על כל חץ (עד סוף
התבנית) על מנת לפתוח את השורות המסתתרות.


אתרו בתבנית את השורה הבאה:


<head>  
          
(לאיתור מהיר, הקישו קונטרול F כאשר הסמן בתוך התבנית, ובשורת החיפוש
שתופיע, הדביקו את התווים. לחצו אנטר והשורה תופיע מובלטת בצבע צהוב).

העתיקו את הקוד הבא והדביקו שורה אחת מתחת.

------------------------------------------------------------------------------------------------------
<meta content='YOUR_FACEBOOK_APPLICATION_ID' property='fb:app_id'/>
------------------------------------------------------------------------------------------------------

החליפו את הרשום בצבע צהוב עם מספר ה- ID של האפליקציה שיצרתם.



אתרו את השורה:

<data:post.body/>

שורה זו עלולה להופיע מספר פעמים (3 פעמים ברוב המקרים בהם נתקלתי).
בשורה אחת מתחת לכל אחד מהם הדביקו את הקוד הבא:
------------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType == "item"'> <div id="fb-root"></div> <script>
(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>
---------------------------------------------------------------------------------------------------

אם שורה זו אינה קיימת בתבנית, נסו את אחד מהבאים: 

<div class='post-footer-line post-footer-line-1'>

או את השורה:


<div class='post-footer-line post-footer-line-3'>

או את השורה:


<p class='post-footer-line post-footer-line-3'>



- ניתן להתאים את רוחב התיבה מ- '450' עד '600'.
- לתיבת תגובות בעברית יש לשנות en ל- he ו- US ל- IL.
חשוב: אם כבר התקנתם בבלוג פלאגין כלשהו של פייסבוק (כמו Like ואחרים)
          בשפה האנגלית, יש לשנות גם אותם לשפה העברית או להישאר עם הכל
          באנגלית.


אתרו בתבנית את השורה הבאה:

    <html


הדביקו את הקוד הבא מיד אחרי (שימו לב שיהיה רווח לפני הקוד ואחריו).
במידה וקוד זה כבר מופיע אצלכם בתבנית, אין צורך להדביקו שוב.
------------------------------------------------------------------------------------------------------

 xmlns:fb="https://www.facebook.com/2008/fbml"
------------------------------------------------------------------------------------------------------


לחצו "שמור תבנית" ויש לכם תיבת תגובות של פייסבוק.

3. הגדרת תיבת התגובות
על מנת להגדיר את קבלת התגובות בתיבה היכנסו לכאן (ניתן לעשות זאת
גם מתוך הגדרות התיבה עצמה).

בדף שיפתח, לחצו על הגדרות והוסיפו את עצמכם כמנחה.




במידה ואתם רוצים לאשר תגובות לפני פרסום, סמנו כפי שמופיע 
בתמונה (למטה).
הערה: לעיתים תקבלו התראה, אך המערכת הזו אינה יציבה לגמרי.
ניתן לעקוב אחרי התגובות כאן.



מדריך זה נבדק בשתי תבניות שונות ובשתיהן נוצרה תיבת תגובות תקינה.

בהצלחה!



7 תגובות:

  1. הצלחתי! זה הפוסט הכי ברור ופשוט שמצאתי בנושא. תודה!

    השבמחק
    תשובות
    1. תודה על הפידבק. אציץ לראות...

      מחק
  2. היי שוב :)

    שאלת תם(ה): אני לא מצליחה לעשות reply לתגובות פייסבוק פתאום:

    You have been blocked from posting comments to Facebook social widgets.

    If you received this message in error, please submit an appeal.

    זה משהו שאני עשיתי? :(

    השבמחק
    תשובות
    1. האמת היא שזו פעם ראשונה שאני רואה את ההודעה הזו ולפי מה שכתוב, בעצם חסמת את עצמך באיזה שהיא צורה. קחי בחשבון שיש הרבה באגים בפייסבוק וייתכן וזה יחלוף מעצמו. אם תראי שזה לא, את מוזמנת לפנות אלי בפרטי ואני אבדוק לך את התוסף.

      מחק
  3. רותי המון תודה!!!!

    השבמחק