Налаштування кнопки «Подобається» та «Клас!»
Код кнопки універсальний - можете сміливо вставляти його в snippet або library (щоб мати можливість вставити готовий шмат коду на будь-яку сторінку свого сайту), тому що в коді нічого не треба змінювати.
Вам не доведеться прив'язувати код до конкретної URL і генерувати новий код для кожної сторінки вашого сайту, або ж додавати код кудись, крім місця на сайті, куди ви маєте намір помістити свою кнопку (наприклад, відразу за тегом body або head вашої html сторінки). )
Крок 1: зайдіть на сайт Mail.Ru API.
Крок 2: Все досить просто - вибираємо вид кнопки в майстрі, що пропонується від Mail.Ru API і дивимося, як виглядає кнопка в "живому прикладі" нижче.
Тут можна вибрати розмір кнопки за висотою та ступінь закругленості її країв.
За промовчанням пропонуються обидві кнопки: «Мій Мир@Mail.Ru» та «Однокласники», будь-яку з яких можна вимкнути.
Можна вибрати положення лічильника або зовсім його прибрати, а також вибрати/прибрати текст кнопок.
Крок 3: Встановлюємо кнопку для себе на веб-сайт.
Для цього копіюємо "Код для вставки" і вставляємо його у свій html.
Mail.Ru API самі визначають заголовок і опис вашої сторінки, а також відповідну картинку.
Де 'cm' : '1' – текст на кнопках Мій Світ (обрано перший варіант), 'ck' : '1' – текст на кнопках Однокласники (обрано перший варіант), 'sz' : '20 ' – розмір за висотою, 'st' : '2' – вид (ступінь закругленості країв кнопки), 'tp' : 'combo' – кнопки (тип вибраної кнопки), 'vt' : '1' - лічильник розташований зверху.
Налаштування кнопки «Подобається» та «Клас!»
width : 550 (своє значення) – додайте параметр, якщо ви хочете змінити ширину кнопки. Ширина плагіна за замовчуванням вважається в пікселях. Але можна вказати, наприклад, 70% або 15em.
'show_text' : 1 – додайте параметр, якщо хочете, щоб поряд з кнопкою відображався текст, який пояснює сенс кнопки та описує хто з друзів користувача вже поділився сторінкою.
'nc' : '1', – додайте параметр, щоб прибрати лічильник.
'show_faces' : 1 – додайте параметр, якщо ви бажаєте відображати фотографії друзів.
Текст кнопки можна змінити всередині тега <a> . Конфігуратор дає такі можливі значення: Клас, Подобається, Поділитися, Рекомендую.
Щоб змінити розташування кнопки на сторінці, використовуйте атрибут style елемента
Як контролювати подання сторінки в записах користувачів
Стара версія кнопки "Клас!" від odnoklassniki.ru
Оскільки Mail.Ru Group купила «Однокласників», необхідність у старому коді кнопки «Клас!» зникла. А працювала кнопка так:
Крок 2: У заголовок сторінки (head) включити посилання Javascript і CSS файли, що знаходяться на серверах Однокласників.