Як додати кнопку share на сторінку facebook

У FBML досить було написати тег .

Зараз мало того що FBML помер, так і кнопку share більше facebook не шанує. У документації розробників так і сказано, що facebook share продовжує працювати в цілях сумісності зі старим кодом. Але тим не менш, продовжувати використовувати цю кнопку, нам ніхто не заважає.

Для тих, хто ще не знає, як створювати iFrame додатки, рекомендую почитати посібник зі створення iFrame-вкладок для сторінок Facebook.

ПРИМІТКА: в якості значення параметра AppId необхідно вставити Id додатки, попередньо створеного вами на сторінці facebook.com/developers.

КРОК 2: Додайте код для завантаження бібліотеки JQuery

Завантажуватимемо бібліотеку віддалено, з ресурсів google, щоб зайвий раз нічого не викачувати.

Крок 3: Використовуючи можливості JQuery відобразимо діалогове вікно Share

Ви можете вставити кілька кнопок share на одній сторінці, але тоді стежте, щоб ідентифікатори діалогів не повторювалися (наприклад, # share_button1, # share_button2).

При виконанні коду, повинен з'явитися ось такий діалог:

Як додати кнопку share на сторінку facebook

Тепер налаштовуємо доступні параметри:

  • Name: Це текст, який є гіперпосиланням, що веде на сторінку з кнопкою share;
  • Link: Власне сам URL;
  • Picture: URL зображення, яке ви хочете бачити на стіні поруч із заголовком і коротким описом статті. Використовується зображення 70 х 70, але Facebook стискає картинку сам до потрібних йому розмірів, так що в цьому плані не морочте собі голову.
  • Caption: Перший рядок тексту після Імені / Посилання;
  • Description: Текст, який з'являється під заголовком. Тут рекомендується писати такий текст, щоб зацікавити інших користувачів, які буде переглядати даний анонс в стрічці новин.
  • Message: Цей параметр дозволяє попередньо заповнити вікно повідомлення у верхній частині діалогового вікна. Facebook, до речі, не рекомендує примусово вставляти туди який-небудь текст, а давати можливість користувачам самим вводити то що подобається.

Крок 4: Створимо посилання / кнопку, щоб викликати діалогове вікно

Просто вставляємо код картинки в індексний файл і додаємо ID «share_button»

Коли користувач натискає на цю кнопку, то викликається діалогове вікно share.

Як додати кнопку share на сторінку facebook

Схожі статті