שילוב תגובות פייסבוק באתר וורדפרס

נראה כיצד לשלב תגובות פייסבוק באתר וורדפרס (ללא שימוש בתוסף)

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

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

היתרונות והחסרונות של תגובות פייסבוק

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

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

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

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

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

הטמעת תגובות פייסבוק באתר וורדפרס

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

1. צרו אפליקצית פייסבוק (Facebook Application)

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

על הדרך, הצטרפו לרשימת התפוצה !

לחצו על הכפתור Add a New App + ובחרו Website. בחרו שם כרצונכם לאפליקציה ובחרו את הקטגוריה שמתארת בצורה הכי טובה את עיסוק האתר שלכם. לאחר מספר שניות יופיע מידע חדש הכניסו בשדה Site URL את כתובת האתר שלכם ולחצו Next.

לחצו בתפריט העליון על My Apps ולחצו על שם האפליקציה שיצרתם. גשו ל Settings בתפריט השמאלי, בחלון שנפתח מלאו בשדה Contact Email את כתובת האימייל שלכם ושמרו את השינויים.

גשו ל Status & Review בתפריט השמאלי ובחלון שנפתח לחצו על הכפתור בתמונה בכדי לאפשר לציבור גישה לאפליקציה זו.

פתחו את העמוד הרשמי של תגובות פייסבוק. גשו לתיבה Comments Plugin Code Generator ומחקו את הכתובת המופיעה בשדה URL to comment on. בחרו את מספר התגובות אותם תרצו להציג תחת השדה Number of Posts ובשדה Width רשמו 100%. הגדרות אלו ניתן לדרוס בצורה ידנית בכל שלב.

תגובות פייסבוק באתר וורדפרס

לחצו על הכפתור Get Code. תנו מבט בחלקו העליון של החלון שנפתח, בחרו תחת App ID את שם האפליקציה שיצרתם לפני כן ותחת Language בחרו Hebrew.

תגובות פייסבוק באתר וורדפרס

המלצת פייסבוק היא להכניס את הקוד ישר לאחר ה <body> תג בקובץ header.php בתבנית שלכם, אך קוד זה יעבוד בכל מיקום שתבחרו להכניס אותו ב <body>. ערכו את קובץ functions.php בתבנית הבת שלכם והוסיפו את הקוד הבא:

function facebook_script_footer() { ?>
    <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/en_US/sdk.js#xfbml=1&version=v2.5&appId=XXXXXXXXXXXX";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
   <?php
}
add_action( 'wp_head', 'add_facebook_script_footer' );

וודאו כמובן כי אתם מחליפים את הקוד הנמצא בין שורה 2 לשורה 9 בקוד שקיבלתם.

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

function insert_after_post($content) {
	$myPermalink = get_the_permalink();
	if(!is_feed() && is_single()) {
		$content.= "<div class='fb-comments' data-href='$myPermalink' data-width='100%'' data-numposts='5'></div>";
	}
	return $content;
}
add_filter ('the_content', 'insert_after_post');

בשלב זה אתם אמורים לראות את תגובות הפייסבוק בסוף כל פוסט באתר שלכם. בכדי לקבל עדכון בכל פעם שמישהו מגיב על פוסט מסויים, הוסיפו את עצמכם כ moderators לאפליקציה שבניתם בעזרת ה – Comment Moderation tool.

הגעתם עד כאן ? תנו לייק ושתפו את המדריך עם אחרים … 🙂

רועי יוסף

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

תגובות פייסבוק

{ 11 תגובות… הוסף אחת }

השאירו תגובה

שיתופים
קראו גם את:
wordpress-shortcodes
יצירת שורטקודים (shortcodes) בוורדפרס

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