Amit Maman Likes it
למי שלא יודע, פייסבוק הוסיפה אפשרות לאחרונה להוסיף כפתור לייק לכל אתר באינטרנט, ובכך לשתף את העמוד בפייסבוק בצורה קלה ונוחה ע"י המשתמשים. תוסף זה הינו חלק משורת תוספים חברתיים חדשים עליהם הכריזה פייסבוק לאחרונה, ובימים האחרונים הוא תופס תאוצה בכל מקום באינטרנט.
למה זה נחוץ לבעלי אתרים? התוסף, מאפשר למשתמשים המחוברים לרשת החברתית ללחוץ על כפתור הלייק בתוך האתר וכך משתמשים אחרים החברים של אותו משתמש יראו בתוך הרשת החברתית את ההמלצה. הדבר מביא משתמשים חדשים, שלא הכירו את האתר קודם לכן. כמו כן, אם המשתמשים אהבו את התוכן, הדבר יכול לחבר בין משתמשים שונים בתוך האתר, לדוגמא 2 אנשים שאהבו את אותו התוכן כעת יכולים לראות שיש להם במשותף משהו, ויכולים ליצור אינטרקציה בניהם, בפייסבוק.
בפוסט זה ניצור את הכפתור בקלות ע"י כמה שלבים פשוטים, ונתאים אותו לעמודים בוורדפרס בקלות.
את הקוד אתם מייצרים כאן בעמוד התוספים של פייסבוק. שם אתם מחליטים על רוחב, עיצוב (אם הרקע באתר שלכם בהיר נסו טקסט שחור וכו'), ולינק לעמוד שעליו האנשים לחצו לייק. את הלינק לעמוד תשאירו כפי שהוא מוגדר אוטמטית : http://developers.facebook.com/, אנחנו נשנה אותו עוד מעט.
כעת לאחר שיצרתם את הקוד בעמוד התוסף, הוא צריך להיראות לכם בערך כזה:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Facebook.com%2F&layout=standard&show-faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>
את התוסף נתאים כעת לעמודים הדינמיים של הוורדפרס, ולא לעמוד סטטי אחד. ולכן, נשנה את החלק הבא בקוד:
http%3A%2F%2Facebook.com%2F
בקוד הזה:
<?php echo urlencode(get_permalink($post->ID)); ?>
זה אמור להיראות כך:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show-faces=true&width=500&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>
את הקוד הבא נוסיף לעמוד ה single.php שלנו בוורדפרס. הדבר יוסיף לכל פוסט את הכפתור ויתאים את הלינק הדינמי לקוד אוטמטית. אפשר להוסיף כמובן גם ל- page.php על מנת שהכפתור יראה בעמודים ולא רק בפוסטים.
זהו, כעת יש לכם באתר כפתור לייק! אם נהנתם מפוסט זה, אתם מוזמנים ללחוץ like!
תגובה אחת
רמי
תודה רבה על הפוסט. שילבתי באתר שלי את הכפתור.
אשך אלחוטי
תודה רבה 🙂
גלעד נעמן
איך מצמידים את הכפתור לצד ימין?
ברק דנין
כדי להצמיד לימין ולתרגם לעברית, מוסיפים locale ל-URL שבקוד:
src="http://www.facebook.com/plugins/like.php?href=&locale=he_IL"
דניאל
איזה מלך המון תודה !
אתר פצצה יש לך פה
zipdrive
לא ברור לי תוספת התרגום לעברית.
איך הקוד אמור להיראות עם זה? אצלי זה לא עשה כלום, אז כנראה שאני מוסיף את זה לא נכון.
david
האם ניתן למחוק משתמשים מסוימים שעשו like כדי ששמם לא יופיע באתר שלי? (לדוגמא – אותי לאחר שבדקתי את הכפתור)
amit
משתמשים אחרים – לא, אותך – כן.
כנס לפייסבוק שלך ובפרופיל שלך יהיה את השורה של מה שאהבת, תעשה "לא אוהב", או "הסר".
david
תודה על התשובה המהירה. עשיתי הסר בפייסבוק, והשורה נמחקה בפרופיל שלי, אך זה לא מתעדכן בוורדפרס והשם נישאר רשום. יש מה לעשות?
amit
תנסה ללחוץ עוד פעם על הכפתור LIKE שבאתר, אצלי הוא מעלים אותי מהאתר אם אני מוחק בפייסבוק או לוחץ פעם שניה על הכפתור.
david
איזה כיף. זה עבד. תודה רבה!!
עידית
תודה! אבל לצערי כשניסיתי את הכפתור מתוך הפייסבוק זה לא הצליח לפתוח את העמוד של האתר, אלא הציג הודעת שגיאה 404…. מושג למה?
amit
לא יודע למה זה קרה לך. אבל אני משער שהלינק שפייסבוק קיבל שגוי, תבדקי שהדבקת את הקוד בשלמותו ובמיוחד הקטע הנל:
href=ID)); ?>כי זה הקוד שבו הפייסבוק מזהה את הפוסט, ואת הטייטל שלו. ויוצר את הלינק אליו.
בהצלחה !
עידית
<iframe src="http://www.facebook.com/plugins/like.php?href=ID)); ?>page%2Fto%2Flike&layout=standard&show_faces=false&width=450&action=like&colorscheme=dark&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true">
ככה הקוד שלי נראה, זה עוזר לך להבין מה הבעיה?…
תודה!!!.
אופיר
איך אצלכם הרקע הוא בצבע אפור כמו שהרקע של האתר ואצלי הוא לבן.
איך אני גם משנה?
תודה.
עמית ממן
http://developers.facebook.com/docs/reference/plugins/like
כאן יש לך אפשרויות לסגנונות, צבעים וכו'
תקח את הקוד שתקבל ותמשיך עם המדריך כאן בפוסט הזה.
בהצלחה!
אפרת
מישהו יכול להסביר איך משנים את הרקע של הכפתור כך שלא יהיה לבן אלא בצבע של רקע האתר?
תודה.
amit
יש לך בעמוד התוספים של הפייסבוק בחירת צבעים וסגנונות. בהצלחה
אפרת
תודה על התגובה המהירה אבל… לא מצאתי את האפשרויות האלה בעמוד התוספים….(חיפשתי לפני שכתבתי את השאלה…)
אפשר הנחיות ספציפיות יותר?
תודה!
amit
בעמוד התוספים של פייסבוק, העמוד בו את מייצרת את הקוד הבססי- העמוד הזה:
http://developers.facebook.com/docs/reference/plugins/like
יש לך כמה אפשרויות , לדוגמא בחירת הפונט, תצורת הכפתור (אם יראה רק מספר לייקים וכו'
וגם צבע (Color Scheme), יש רק 2 אפשרויות, "בהיר" ו"כהה". זה מה שיש לבנתיים.. באתר זה מופעל העיצוב הככה, וכפי שאת רואה הוא מתאים את עצמו לצבע הרקע של האתר אוטומטית – משמע הוא לא צובע רקע, אלא רק עושה את הטקסט בצבע בהיר כדי שיראה טוב על הרקע האפור שחור.
אם האתר שלך בעל רקע כהה תבחרי בכהה והוא יתאים את עצמו לבד.
בהצלחה!!
אפרת
אוקי, עכשיו זה ברור. רקע האתר שלי הוא מדבר פחות או יותר, אז אף אחת מהאופציות לא ממש מתאימה… תודה בכל מקרה.