Search

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

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

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

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

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

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

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

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

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

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

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

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

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

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

לחצו על הכפתור Add a New App. בחרו שם כרצונכם לאפליקציה ולחצו על Create App ID. כנראה ויופיע לכם מסך המאפשר לבחור את סוג האפליקציה, לחצו על Skip בכדי לעבור למסך הבא:

יצירת אפליקציית פייסבוק חדשה

בחרו את הקטגוריה (Category) שמתארת בצורה הכי טובה את עיסוק האתר שלכם והכניסו בשדה App Domains את כתובת האתר שלכם. כעת עליכם להוסיף כתובת עבור הצהרת הפרטיות באתר שלכם (Privacy Policy URL), אחרת לא תוכלו לגרום לאפליקציה להיות אונליין.

שימו לב כמובן שהאימייל שלכם רשום כראוי תחת Contact Email.

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

2. העתיקו את קוד תגובות פייסבוק

פתחו את העמוד הרשמי של תגובות פייסבוק. גשו לתיבה Comments Plugin Code Generator ומיחקו את הכתובת המופיעה בשדה URL to comment on.

בחרו את מספר התגובות אותם תרצו להציג תחת השדה Number of Posts ובשדה Width רשמו 100%. הגדרות אלו ניתן לדרוס בצורה ידנית (על ידי קוד) בכל שלב.

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

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

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

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

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

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

<?php
/******* COPY BELOW THIS LINE ******/

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:

<?php
/******* COPY BELOW THIS LINE ******/

function insert_after_post($content) {
	$myPermalink = get_the_permalink();
	if( 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.

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

רועי יוסף
רועי יוסף

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

25 תגובות...
  • ישראל 21 מרץ 2016, 19:42

    חבל שאתה לא מסביר את הפונקציות

  • קרן שטרן 14 ינואר 2017, 22:13

    אהלן רועי. האם הפוסט הזה עדכני? האם ניתן לביצוע גם כשמשתמשים בערכת עיצוב? (ספציפית אני עובדת עם pojo). תודה!

    • רועי יוסף 14 ינואר 2017, 22:19

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

      • קרן שטרן 15 ינואר 2017, 22:03

        לא עובד לי 🙁
        הוספתי את שתי הפונקציות אחת אחרי השניה. האם היה צריך להחליף חלק מהקוד בפונקציה השניה אולי?
        מנסה להבין מה התפקשש לי…

        • רועי יוסף 15 ינואר 2017, 22:28

          האם החלפת את הקוד בשורות 5 – 12 בקוד שקיבלת מפייסבוק ?

          • קרן שטרן 16 ינואר 2017, 9:21

            כן כן, בטח.

      • קרן שטרן 15 ינואר 2017, 22:04

        בהוספת הקוד רק ב-functions.php האופציה להגיב דרך פייסבוק אמורה להופיע אוטומטית בכל פוסט בבלוג באתר?

        • קרן שטרן 26 ינואר 2017, 20:06

          סוף סוף הצלחתי. עכשיו תגלה לנו איך גיירת את כל העניין לעברית?
          🙂

          • רועי יוסף 12 אוקטובר 2017, 19:07

            בחירת השפה מתבצעת בלחיצה על Get Code, ישנו כפתור בצד ימין הבוחר את השפה בה התוסף ישתמש. בגדול, הדבר היחיד שהכפתור עושה זה לשנות בקוד ה Javascript שקיבלת את en_US ל he_IL…

  • אלון 28 אוקטובר 2017, 21:10

    האם יש דרך לשלב ביקורות מהעמוד העסקי של פייסבוק באתר ?

    • רועי יוסף 28 אוקטובר 2017, 23:12

      היי אלון 🙂
      אין לפייסבוק תוסף ל Reviews, אך אתה יכול להשתמש בתוסף חיצוני כגון Facebook Reviews

  • יוחאי ש 13 אפריל 2018, 13:08

    תודה על המידע הזה.

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

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

    תודה מראש!

    • רועי יוסף 15 אפריל 2018, 23:04

      היי יוחאי,

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

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

  • pinhas warshawer 18 יולי 2018, 16:47

    זה עובד גם באתר google sites?

  • הילה גנני 20 אוקטובר 2018, 12:41

    תודה רבה רועי, המדריך עזר מאוד! הצלחתי להתקין באתר 🙂

  • חיים בלומנפלד 16 ינואר 2019, 14:24

    הי רועי.
    תודה על המאמר. מחכים מאד! מה זה אומר התגובה הזאת?

    Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP.

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

    תודה מראש, חיים

    • רועי יוסף 11 פברואר 2019, 16:09

      צר לי על התגובה המאוחרת חיים. איני יודע בדיוק… האם הצלחת לפתור זאת?

  • גבריאל 6 מרץ 2019, 18:35

    יש לי שאלה אליך ואל הגולשים המלומדים באתר הזה:

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

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

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

  • עומרי 26 יוני 2019, 11:15

    תודה ענקית!
    אך יש בעיה קטנה / גדולה. זה מציג לי באנגלית למרות ששיניתי ל he_IL.

    זה הקוד הסופי:
    https://drive.google.com/file/d/14-qjnXSu4kf1Sf79IgRwElQVOdQpAkAD/view?usp=sharing

    • רועי יוסף 26 יוני 2019, 12:02

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

  • סונייטה 30 נובמבר 2020, 10:15

    אהלן, תודה רבה.

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

    תודה!!

    • רועי יוסף 2 דצמבר 2020, 14:25

      היי סונייטה – האם ביצעת את התהליך כפי שתיארתי בפוסט ואינך מקבלת התראה על תגובות?

  • סונייטה 4 דצמבר 2020, 15:00

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

תגובה חדשה

Up!
לבלוג