підготовка
На цьому етапі нам знадобиться завести API-ключі ВКонтакте і facebook.
Тепер займемося facebook. Перейдіть по посиланню і натисніть кнопку «Створити новий додаток» (вона розташована праворуч зверху). Вкажіть назву і натисніть «Продовжити». На сторінці, відразу під назвою буде вказано параметр App ID, скопіюйте його куди-небудь.
На цьому процес підготовки завершений.
Створення мета-даних сторінки
Facebook вимагає мета-тегів в форматі Open Graph. Цей формат підтримує і ВКонтакте. Google+ підтримує формат Schema.org. Почнемо з Open Graph:
Тепер додамо параметри Schema.org. Перше, що необхідно зробити, це вибрати тип даних, представлених на сторінці. Всі доступні типи даних можна подивитися тут. я вибрав тип BlogPosting. який співпадає із записом в блозі. Якщо вам ніколи розбиратися з ієрархією цих типів, завжди можна вказати Thing. так як він самий загальний з усіх доступних.
Після цього нам потрібно додати в тег html кілька атрибутів:
Ці атрибути означають, що всередині тега міститься інформація про об'єкт типу BlogPosting. Далі додаємо саму інформацію:
Мета-дані створені. Переходимо до завершального етапу.
Додавання коду кнопок на сторінку
Детальніше з різноманітними параметрами кнопок можна ознайомитися на відповідних сторінках google +. twitter і facebook.
Замість числа 1112233 в код потрібно підставити ID програми ВКонтакте, яке ми отримали на першому етапі. Ініціалізація кнопки дозволяє передати їй ряд параметрів, в тому числі і тип кнопки. Повний список параметрів для кнопки ВКонтакте можна побачити тут
Замість числа 111222333444555 в код потрібно підставити параметр App ID для додатка facebook, який ми отримали на першому етапі.