איך להוסיף תגובות פייסבוק לוורדפרס בלי תוסף

אחת מהבקשות הנפוצות לשימוש היא הוספה של "תגובות פייסבוק" – למה זה טוב "תגובות פייסבוק" ?

  • חווית משתמש – אין צורך למלא טפסים או להירשם
  • ספאם – המשתמש כבר מחובר ומזוהה תחת פייסבוק

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

יצירת Facebook app

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

ניגש לקישור: https://developers.facebook.com/apps/

אם אני זוכר נכון, אם אף פעם לא רשמתם APP יקפוץ לכם חלון, אם לא תלחצו על "Add new app".

 

 

השם שבחרתי הוא סתם שם, כתיבה של המילה facebook בשם תוביל לשגיאה.
אחרי זיהוי של אותיות תעברו למסך הבא ומשם תוכלו להעתיק את ה- APP ID שלכם.

 

הוספה של קוד ה- Javascript של פייסבוק


add_action( 'wp_head', 'add_fb_comments_js' );
function add_fb_comments_js() {
echo '
<div id="fb-root"></div>
<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/he_IL/sdk.js#xfbml=1&version=v2.10&appId=APP_ID";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, "script", "facebook-jssdk"));</script>';
}

היכן שמופיע בגדול APP_ID צריך להחליף עם ה-ID של אפלייקציית הפייסבוק שתפתחו.

הוספה של תגובות פייסבוק מעל התגובות של וורדפרס

אני אשתמש בהוק comment_form_before כדי לדחוף את ה-html שקיבלתי מפייסבוק.
התוכן שמפיע בקוד כאן עבר שינוי קל "בקישור נוכחי" כדי להתאים לקישור הנוכחי.


add_action( 'comment_form_before', 'add_facebook_comments' );
function add_facebook_comments() {
echo '
<div class="fb-comments" data-href="' . get_permalink() . '" data-numposts="10"></div>
';
}

ניהול התגובות ומניעת ספאם

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

כדי לנהל את התגובות יש לפתוח את הקישור הבא: https://developers.facebook.com/tools/comments

 

 

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

 

 

אני מתנצל על העירבוב של קוד javascript עם php, יש לי בעיה עם הקוד שאחראי על הצגת הקוד.

בהצלחה.

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