Код для значков на Одноклассники

Для проверки пройдите по этой ссылке: .
Если вы видите содержимое скрипта, значит путь указан правильно.

• Любой сайт
• WordPress
• Drupal
• Прочие CMS

Параметры, которые вы можете указать

[1] Параметр data-image не работает для Фейсбука. Поэтому добавьте следующий тег внутрь тега вашего сайта: og:image » content value»>http://site.name/image.jpg » />

О сервисе

Share42.com — это бесплатный сервис, генерирующий скрипт, который позволяет посетителям вашего сайта публиковать ссылки на ваши статьи в социальные медиа (закладки, социальные сети).

О преимуществах использования такого скрипта вы может прочитать в соответствующей вкладке.

Скрипт позволяет:

• Указывать произвольный заголовок, ссылку, описание и изображение к странице.
• Отображать счетчик публикаций для следующих сервисов:

• Delicious
• Facebook
• Linkedin
• Mail.ru
• Pinterest
• ВКонтакте
• Одноклассники

Преимущества скрипта:

– Красивые иконки. Все иконки выполнены в едином стиле и выглядят красиво. – Маленький размер. Код скрипта максимально оптимизирован. К тому же он кэшируется браузером, что позволяет ускорить его повторную загрузку. – Простота установки. Скачали скрипт, загрузили на сайт, подключили к сайту. – Никаких лишних ссылок.

15 Удивительных Функций Телефона, о Которых вы Никогда Не Слышали

Все ссылки выводятся с помощью JavaScript, поэтому при установке скрипта количество исходящих ссылок на вашем сайте не увеличится. – Никакого лишнего HTML-кода. В шаблон сайта добавляется всего две строки кода, а весь HTML-код кнопок формируется с помощью JavaScript. – Без обращений к сторонним сайтам (исключение — если активирована опция отображения счетчиков, то идет запрос к сайтам соответствующих сервисов).

Нередки ситуации, когда сайт открывается долго из-за того, что скрипт подключается с другого сайта. Установка скрипта на свой сайт позволит этого избежать. – Можно подключить почти к любому сайту. Скрипт универсален, будет работать на сайте любого типа, у которого есть FTP-доступ. – Используется всего одно изображение (спрайт). Это позволяет снизить количество обращений к серверу, на котором находится ваш сайт. – Вы сами выбираете иконки социальных сервисов, которые будут отображаться на вашем сайте.

История изменений

22.08.2016: – исправлено: не отображался счетчик Facebook в связи с изменением API. 07.05.2016: – исправлено: не работала публикация в Facebook;
– убрана кнопка «Яндекс Закладки» в связи с прекращением действия сервиса;
– устранена ошибка, выдаваемая из-за неработающего больше счетчика Google Plus. 24.11.2015: – Twitter 20 ноября отключил функционал счетчика, поэтому последний удален из скрипта. 23.09.2015: – в ссылках на сервисы http:// заменено на // ;
– ссылка на Одноклассники odnoklassniki.ru заменена на ok.ru ;
– window.onload заменен на window.addEventListener(‘load’, . ) . 20.09.2014: – убраны кнопки «Я.ру» и «Отправить на e-mail» в связи с прекращением действия соответствующих сервисов. 28.05.2014: – исправлено: в iOS не работала публикация в Facebook;

Экипаж (драма, фильм-катастрофа, реж. Александр Митта, 1979 г.)

– кнопка «Избранное браузера» теперь работает в Firefox. 05.05.2014: – добавлен счетчик Google Plus;
– добавлен параметр data-icons-file , чтобы при необходимости можно было указать другое имя файла с иконками вместо icons.png;
– в генераторе помечены иконки сервисов, для которых поддерживаются счетчики. 10.11.2013: – счетчики теперь отображаются постоянно справа от иконки;
– добавлен параметр data-zero-counter . 02.11.2013: – добавлена кнопка Postila.ru. 09.09.2013: – исправлено: скрипт не работал, если заголовок или описании страницы содержали более одной одинарной кавычки. 23.06.2013: – исправлено: изображения не добавлялись автоматически при публикации в Facebook и ВКонтакте, если не был указан параметр data-image . 04.06.2013: – исправлено: не отображался счетчик Facebook, если ссылка содержала символ «. 18.05.2013: – теперь в jQuery-скрипт добавляется код счетчиков только для соответствующих выбранных кнопок;
– устранена проблема с одинарной кавычкой в описании к странице. 20.04.2013: – исправлено: невозможно было добавить ссылку в Facebook, если не был указан параметр data-image . 30.03.2013: – обновлен jQuery-вариант скрипта для работы на jQuery 1.9 и выше. 10.02.2013: – реализована возможность сохранять конфигурации в генераторе (отмеченные иконки, порядок иконок и выбранные опции);
– исправлено: если не был указан параметр data-url , то счетчик не показывался. 04.02.2013: – добавлена опциональная возможность отображения счетчиков в jQuery-варианте скрипта (список поддерживаемых сервисов находится на странице «О сайте»);
– при повторном посещении данного сайта теперь сохраняется ранее установленный порядок иконок;
– теперь во все сервисы, которые это позволяют, передается описание страницы;
– теперь все сервисы, в которых это подразумевается дизайном, открываются в маленьком окошке;
– убрана кнопка Netvibes. 03.02.2013: – исправлена ошибка, связанная с неработающими кнопками Facebook, Mail.ru и «В Контакте». 29.01.2013: – возвращена рабочая кнопка Pinterest;
– добавлены параметры data-image и data-description для указания ссылки на изображение и описания страницы соответственно ( data-image обязателен для работы кнопки Pinterest). 15.12.2012: – убрана кнопка Pinterest в связи с тем, что она больше не работает без подключения внешнего скрипта. 20.11.2012: – при добавлении страницы во «В Контакте» ее название теперь берется из параметра data-title . 27.09.2012: – исправлена ошибка, связанная с неработающей в некоторых случаях кнопкой «Наверх» в jQuery-варианте. 22.09.2012: – добавлен необязательный параметр data-path для указания произвольной папки с файлом иконок;
– решена ситуация с одинарной кавычкой в заголовках страниц, при которой скрипт не работал;
– исправлена ошибка, связанная с неработающими кнопками «Избранное браузера» и «Наверх» в горизонтальном варианте. 13.09.2012: – возвращена кнопка Google Plus, теперь она работает. Если вы устанавливали скрипт с этой кнопкой до 13 сентября 2012 г., сгенерируйте скрипт заново, т.к. старый вариант кнопки больше не работает;
– изменен 5-й пункт процесса установки, код сокращен до двух строк;
– обязательные CSS-стили перенесены в скрипт. 08.09.2012: – временно убрана кнопка Google Plus в связи с тем, что она не работает по независящим от автора скрипта причинам. 03.09.2012: – добавлена английская версия сайта. 28.07.2012: – обновлены иконки: Twitter, «В Контакте», StumbleUpon, «Наверх».
– добавлена кнопка Pinterest. 15.04.2012: – обновлена иконка Twitter. 08.04.2012: – обновлена иконка Google Plus. 04.03.2012: – исправлена ошибка в jQuery-варианте скрипта. 28.02.2012: – теперь при повторном посещении данного сайта сохраняются выбранные ранее иконки.

26.02.2012: – реализован вариант скрипта на jQuery. 18.02.2012: – реализована возможность многократного вывода горизонтального варианта панели;
– описание процесса установки вынесено на вкладку «Генератор»;
– изменен 5-й пункт процесса установки. 12.02.2012: – добавлены кнопки Google Plus и WebDiscover. 29.01.2012: – для вывода панели больше не используется document.write() ;
– немного изменен процесс установки (5-й пункт). 13.11.2011: – добавление ссылок в Blogger, Facebook, Twitter и «Одноклассники» теперь происходит в маленьком окне, а не во вкладке;
– добавлена кнопка «ёСМИ». 16.10.2011: – добавлена функция ограничения количества отображаемых иконок в вертикальной панели с прокруткой вверх/вниз;
– добавлена кнопка «Наверх». 30.08.2011: – количество кнопок увеличено до 42 (добавлены «Мой круг», Surfingbird, «Сохранить в избранное браузера», «Отправить на e-mail другу», «Подписаться на RSS сайта»);
– иконки, которые не относятся к социальным сервисам, вынесены в отдельный блок;
– добавлен установочный код для Drupal. 16.07.2011: – обновлена иконка «Одноклассников». 11.06.2011: – добавлена возможность выбрать язык подсказок у иконок (русский или английский). 09.04.2011: – доработан интерфейс генератора;
– добавлена опция «Добавить иконку сайта Share42.com». 03.04.2011: – количество кнопок увеличено до 37 (добавлены Я.ру и Pikabu);
– к ссылкам добавлен атрибут rel=»nofollow» ;
– сделана возможность установки на сайте, использующем протокол https. 05.03.2011: – количество кнопок увеличено до 35 (добавлены LiveInternet и РуТвит);
– при клике на кнопку «Вконтакте» окно теперь не разворачивается на весь экран. 22.01.2011: – добавлена опция выбора кодировки скрипта. 14.01.2011: – добавлена функция автоматического сокращения ссылки при публикации в Twitter. 13.01.2011: – добавлен вариант скрипта с «плавающей» панелью;
– доработан процесс установки скрипта. 13.11.2010 — 28.12.2010: – количество кнопок увеличено до 33. 06.11.2010: – релиз сайта.

Источник: share42.com

Как настроить значок Одноклассники

Одинаковое местоположение значка Одноклассники на всех страницах сайта позволяет посетителям быстро переходить на социальную сеть. Над запросом, какой именно код встроить на страницу для корректного отображения кнопки Одноклассники, ставятся люди, только начинающие знакомство с веб-разработкой. Для более опытных пользователей не составит труда вставить кнопку на сайт, однако стоит помнить про важные детали.

Самые распространенные способы размещения значка Одноклассники на сайте это с помощью HTML-кода и(js) скрипта этий из социальной сети, где необходимо следить за актуальностью ссылки на скрипт. Первый способ полезен для вставки кнопки в конкретное место (например, в шапку сайта), а также для установки на странице множества иконок социальных сетей. Второй способ является более гибким и простым, позволяя установить кнопку на всех страницах сайта одним действием.

В данной статье мы рассмотрим основные моменты настройки значка Одноклассники на сайте и подробно разберем каждый из предложенных способов его установки. Также дадим лучшие варианты размещения значка на странице для повышения его видимости и расскажем об использования специальных сервисов для более быстрого и удобного создания социальных кнопок.

Шаг 1: Подготовка значка Одноклассники

Выбор изображения

Перед тем как добавить значок Одноклассники на свой сайт, нужно подготовить изображение. Изображение должно быть не меньше 100×100 пикселей. Кроме того, прозрачный фон добавит эстетичности значку, особенно если он будет размещен на разном фоне. Используйте формат PNG, чтобы изображение было прозрачным.

Создание иконки Одноклассники

Чтобы создать иконку Одноклассники, нужно загрузить изображение в сервис микроиконок, например, favicon.cc. Загрузите изображение, выберите «Одноклассники» в качестве формата и нажмите кнопку «Сохранить иконку». Вы получите файл с расширением .ico, который можно загрузить на свой сайт.

Пример кода для добавления значка Одноклассники

Для добавления значка Одноклассники на свой сайт, нужно вставить следующий код в тег . Замените путь к файлу .ico на свой.

Шаг 2: Добавление кода на свой сайт

1. Получение кода кнопки

Перейдите на страницу Разработчикам Одноклассники, выберите нужный вид кнопки и скопируйте полученный код:

1. Зайдите на сайт https://ok.ru/devaccess и войдите в свой аккаунт Одноклассники, если вы еще не авторизованы;
2. Выберите вкладку Взаимодействие и перейдите на страницу Кнопки;
3. Выберите нужный вид кнопки — Стандартная, Круглая, Кнопка для публикации или Кнопка подписки;
4. Настройте параметры кнопки и скопируйте полученный код.

Полученный код может выглядеть примерно так:

2. Добавление кода на свой сайт

Чтобы добавить кнопку Одноклассники на свой сайт, нужно вставить скопированный код на страницу вашего сайта. Существует несколько способов сделать это:

• Добавить код в HTML-редакторе вашего сайта: откройте страницу сайта в HTML-редакторе и вставьте скопированный код на нужном месте;
• Добавить код в WordPress: если у вас есть сайт на WordPress, вы можете вставить код кнопки в текстовый блок на нужной странице или вставить его в шаблон сайта;
• Использовать отдельную плагин или модуль: многие CMS, такие как Joomla, Drupal или Magento, имеют специальные модули для добавления кнопки Одноклассники на сайт.

После добавления кода кнопки, обновите страницу вашего сайта и убедитесь, что кнопка Одноклассники отображается правильно и работает корректно.

Шаг 3: Тестирование значка Одноклассники

После того, как вы настроили значок Одноклассники на своем сайте, необходимо провести тестирование, чтобы убедиться, что он работает корректно.

1. Проверьте ссылку

Перейдите на свой сайт и нажмите на значок Одноклассники. Проверьте, что он ведет на вашу страницу в социальной сети и отображает вашу информацию корректно. Если ссылка неправильная, вернитесь к настройке и убедитесь, что вы правильно скопировали и вставили ссылку на свой профиль.

2. Проверьте отображение

Убедитесь, что значок Одноклассники выглядит корректно и соответствует вашим ожиданиям. Если необходимо, подкорректируйте его размер или цвет, чтобы он лучше сочетался с дизайном вашего сайта.

3. Проверьте на различных устройствах

Проверьте, как значок Одноклассники отображается на различных устройствах – на компьютере, планшете и мобильном телефоне. Убедитесь, что он выглядит хорошо на всех устройствах и легко нажимается пальцами на сенсорных экранах.

Если все тесты пройдены успешно, значок Одноклассники на вашем сайте работает корректно и готов привлекать новых посетителей на вашу страницу в социальной сети.

Шаг 4: Дополнительные настройки и советы по использованию значка Одноклассники на сайте

Другие размеры значка

На сайте Одноклассники вы можете также получить код для других размеров значка. Для этого нажмите на значок нужного размера в меню «Код для других размеров». Затем скопируйте код и вставьте его на свою страницу.

Использование ссылки на страницу в соцсети

Чтобы привлечь больше внимания со стороны пользователей, вы можете написать интересный пост на своей странице в Одноклассниках с использованием ссылки на свой сайт. При этом в посте можете использовать значок Одноклассники со ссылкой на свой профиль в соцсети.

Персонализация значка

Вы можете изменить внешний вид значка Одноклассники на своем сайте с помощью кастомизации. Для этого перейдите на соответствующую страницу на сайте Одноклассники и выберите нужное оформление. Затем скопируйте код и вставьте его на свою страницу.

Не злоупотребляйте

Не стоит использовать значок Одноклассники на своей странице слишком часто. Это может раздражать пользователей и привести к уменьшению привлекаемого трафика. Лучше всего размещать значок на главной странице сайта или на страницах, где он действительно необходим.

Вопрос-ответ

Как добавить значок Одноклассники на свой сайт?

Для добавления значка Одноклассники на свой сайт необходимо найти специальный код на сайте Одноклассники (в разделе «Разместить на сайте») и вставить его в код своей страницы. Для этого можно воспользоваться любым html-редактором или редактором кода. Но также необходимо обратить внимание на правила и условия размещения значка Одноклассники на сторонних сайтах.

Как работает значок Одноклассники на сайте?

Значок Одноклассники на сайте – это ссылка на соответствующую страницу в Одноклассниках. Если пользователь кликнет на эту ссылку, он будет перенаправлен на страницу автора сайта в Одноклассниках, где сможет подписаться на его новости или отправить запрос на добавление в друзья.

Как выбрать подходящий размер значка Одноклассники для своего сайта?

Размер значка Одноклассники для своего сайта можно выбрать исходя из дизайна своей страницы. На сайте Одноклассники есть несколько вариантов размеров значка, начиная от маленького и заканчивая большим. Однако не стоит забывать о том, что на разных устройствах (компьютеры, смартфоны, планшеты) значки могут отображаться по-разному, поэтому рекомендуется выбрать универсальный размер для всех устройств.

Можно ли изменить цвет или стиль значка Одноклассники на своем сайте?

Да, можно изменить цвет или стиль значка Одноклассники на своем сайте, но для этого нужно иметь некоторые знания в области дизайна и CSS. Если вы не уверены в своих способностях, лучше обратиться к профессиональному дизайнеру или разработчику сайтов. Также стоит учитывать, что при изменении стиля или цвета значка Одноклассники он может стать менее узнаваемым для пользователей, что может негативно повлиять на его привлекательность.

Источник: bojsya.ru

Красивые знаки и закорлючки для ников

Значки и закорючки для ников — красивые и прикольные симоволы с изображением букв, предметов и явлений для украшения ников, псевдонимов или виртуальных имён аватаров. Все наши значки подходят для популярных интернет-сервисов, игр, социальных сетей. Первые места в рейтинге использования красивых значков занимают Instagram, TikTok, СТИМ, ВК и Одноклассники.

Значки для имён и ников по разделам

Самые лучшие значки для ников

Красивые значки для имён и ников

Для украшения своего ника парням и девчонкам кроме разнообразных букв и цифр можно использовать красивые значки и прикольные закорлючки. Чаще всего пользователи Интернет украшают свои ники и статусы для сетей Вконтакте, Одноклассники и Инстаграм. Геймеры больше всего используют прикольные значки для STEAM, CS:GO и PUBG.

Единственное ограничение, с которым вы можете столкнуться, украшать ник значками нужно в браузере или в окне онлайн-игры. В текстовых редакторах все значки скорей всего превратятся в знаки вопроса . поскольку обычные текстовые редакторы не обладают дополнительными символьными таблицами.

В этом разделе можно найти много значков разделённых по темам.

Где найти больше значков

Самый простой способ найти бесконечное количество значков и закорлючек открыть таблицу символов Windows. Причем каждый шрифт имеет свои уникальные символы, буквы и значки.

Как пользоваться таблицами символов читайте здесь.

Источник: www.vip-nickname.ru