Share42.com – Скрипт кнопок социальных закладок и сетей
Рад представить вашему вниманию свой новый бесплатный сайт-сервис – Share42.com – генератор скрипта кнопок социальных закладок и сетей.
Идея подобного сервиса давно витала в моей голове, еще примерно с тех времен, когда я выкладывал на этом блоге свои скрипты социальных закладок. Но воплотить ее получилось только сейчас. Кстати, большим толчком к созданию этого сайта послужила коллекция иконок, которые я использую. Во-первых, их сразу много для разных сервисов в комплекте, во-вторых, не сложно создать самому аналогичные иконки, в-третьих, они красивые.
Очень радует, что весь сайт от и до я сделал сам. Генерация осуществляется с помощью PHP, а интерфейс работает с помощью jQuery, благодаря чему никаких перезагрузок страниц – все действия происходят на одной единственной странице.
Основная идея сервиса заключается в том, что пользователь сам выбирает кнопки социальных медиа, которые он хочет показывать на своем сайте. На основе этого выбора формируется скрипт и создается картинка (всего одна) с иконками, и все это отдается пользователю в виде архива.
Тенденции в Интернете постоянно меняются. К примеру, если раньше везде ставили только кнопки социальных закладок, то с приходом социальных сетей (типа Твиттера, Фейсбука и т.п.) социальные закладки ушли на второй план. А мой сервис позволяет легко учитывать эти тенденции и предлагает пользователю выбор.
В планах у меня увеличение количества кнопок социальных сервисов, а также, возможно, добавление варианта с плавающей панелью.
P.S. Для багов и пожеланий прошу пользоваться формой от реформала (оранжевая вкладка справа), которую я прицепил к сайту сервиса.
Смотрите также
Бесплатный скрипт "Обратная связь 2.0 (Feedback 2.0)"
Ныне в Интернете популярны так называемые сервисы “Обратная связь 2.0” или “Feedback 2.0”. С помощью этих сервисов на любой сайт можно поставить всплывающую форму обратной связи, через которую посетители оставляют ...
Плавающая панель «Добавить в социальные сервисы»
Недавно я решил отказаться от использования своего скрипта “Добавить в закладки” и создал новый скрипт на jQuery – плавающую панель с кнопками добавления статьи в социальные сервисы. Эту панель вы ...
jQuery-cкрипт "Добавить в закладки"
Данный скрипт – это усовершенствованная версия JS-скрипта “Добавить в закладки”, который я представил читателям более года назад. Прежде всего хочу поблагодарить Женю Самборского за то, что помог мне его “добить”. ...
Скрипт для плавной прокрутки на верх страницы (на JavaScript и на jQuery)
Предлагаю вашему вниманию скрипт, который плавно прокручивает страницу наверх при клике на соответствующую ссылку. Я сделал 2 варианта: на чистом JavaScript и на jQuery. Выбирайте тот, который вам больше по ...
Комментарии (411)
Здравствуйте!
Установил Ваш скрипт. Работает хорошо.
Скажите можно ли что-то придумать, чтобы страничка не так подлагивала.. После установки скрипта заметен небольшой тормоз при загрузке страницы..
Можно ли что-то с этим придумать?
Может как-то его асинхронным сделать?
Ничем помочь не могу. У себя подобного не замечал.
Дмитрий. Столкнулся с проблемой. На примере – кнопки возле текста статьи (как надо все красиво – http://share42.com/demo.php?i=facebook,vkontakte,twitter,google-plus,browser,ontop,pinterest,mail-ru,linkedin,livejournal,print,rss&size=32&panel=floating&limit=6&rss=http://feeds.feedburner.com/libymax/oJMf&browser=1&ontop=1&jquery&count), а в деле (на сайте рабочем) – уходят в бок браузера. То есть привязаны не к контенту а к браузеру. Как можно это исправить?
при редактировании data-margin=”- или +”, не то получается.
Подскажите решение.
Возможно, на это повлияли какие-то стили сайта. Или вставили не в то место в коде.
Спасибо вам за отличную работу. Я не вэб мастер. Просто последовала вашим инструкциям и все получилось. Просто делаю сайт-визитку.
Только нюанс – кнопока фейсбук. На интернет эксплорере блокируется и пустое всплывающее окошко. Пишет, что IE изменил страницу для предотвращения запуска межсайтовых сценариев. Другой браузер – это конечно хорошо, но на компьютерах корпоративных часто это единственный браузер для людей, так что кнопку сложно пользовать :-(
Отображенение окна перепоста в мобильном виде для фейсбука ооочень мелкое. Ну и конечно гугл при анализе сайта ругнулся.
Будет очень здорово, если это можно исправить.
Спасибо
Я не стал заморачиваться с большим количеством кнопок и социальных закладок потому что на иностранных ресурсах закладок сидят единицы. Ограничился основными кнопками поделится и использовал Яндекс кнопки.
Здравствуйте! Классный У Вас скрипт. Но проблема в следующем. У меня на блоге плавающий вертикальный блок со счетчиками. На стандартных разрешениях он выглядит нормально, а вот в мобильных разрешениях счетчики мешают просмотру контента. Нельзя ли в мобильных разрешениях сделать счетчики под значками соц. сетей? Или если это невозможно, совсем убрать их?
Здравствуйте, Dimox. Несколько дней, что-то около недели, на всех страницах моего блога перестал отображаться счетчик твиттера, хотя счетчики иных соц. сетей по-прежнему отображены. For example – например, эта страничка http://masterpro.ws/pogoda-po-ip-umnyj-informer Changelog не отображает никаких изменений на этот счет, поэтому обновлять скрипт не стал.. может, взглянете? Счетчик твиттера очень хотелось бы, для меня это одна из самых знаковых соц.сетей.
Твиттер закрыл функционал счетчика 20 ноября, так что его больше не будет.
Dimox, громадное спасибо за скрип.
Однако, возникла проблемка. Вчера только запилил Ваши кнопочки на сайт. Но счётчик Facebook’a отображался(если он вообще отображался с самого начала, увы, не успел обратить особого внимания) только первые минут 5-10. Теперь же — кнопка вообще без счётчика, в логе консоли выдаёт: “Uncaught TypeError: Cannot read property ‘shares’ of undefined share42.js:2”.
Перезалил скрипт — результат тот же.
Учитывая, что я в скриптах… ну вообще никак…((
…Уважаемые, может кто-то поможет разобраться в чём проблема?
Ох, это опять я, автор предыдущего поста…
После тестов выявились ещё проблемы:
а) счётчик facebook’a отсутствует(хотя должен быть)
б) счётчик ВКонтакте не работает
в) при шаре в Одноклассники: не цепляет параметры data-title, data-image, data-description(т.е. без картинки; левый заголовок; выдаёт текст из meta-description сайта, а не текст из data-description кода кнопок)
г) при шаре в facebook — аналогичные проблемы как с Одноклассниками(хотя тег meta property=”og:image” content=”site.name/image.jpg” для него прописан)
д) при шаре в google+ — те же проблемы как с FB и Ок. Ещё и счётчик не работает!
А вот с шарой ВКонтакт — всё замечательно!(за искл. нерабочего счётчика) Без теста остались только Твиттер, МэйлРу и LiveJournal…
На всякий случай задал подобный вопрос на Тостере, там же и скрин лога консоли есть:
https://toster.ru/q/271859
Здравствуйте. Используем ваш скрипт на Битриксе. Скрипт подключается на каждой странице с помощью одного и того же футера. Не могу понять, почему, но на главной странице кнопки отображаться не хотят. Не подскажите, что можно сделать?
Добрый день Дмитрий.
Подскажите пожалуйста, в чем может быть проблема – хочу установить на сайт иконки со счетчиком. Сделал все по инструкции, отметил нужные иконки, отметил нужные опции, скачал скрипт – все закачал на хостинг и вставил код на страницу – в результате иконки появились, но без счетчиков.
Проверил jQuery – на сайте стоит версия 1.7.1 – вроде все должно работать нормально.
В чем может быть причина и куда копать?
Здравствуйте, Дмитрий!
Спасибо Вам за скрипт и сервис. Несмотря на существование множества плагинов для WordPress Ваше решение безусловно лучшее. Единственная проблема, с которой я не могу справиться самостоятельно – это игнорирование Фейсбуком параметра data-description. Насколько я понимаю это не общая проблема, а конкретно связки WordPress-Facebook. Возможно ли как-то это исправить? И если нет, то как можно вообще удалить описания в случае с Фейсбуком? (оставить только изображение и заголовок).
Facebook автоматически берет текст со страницы. Его не удалить.
И понимать data-description Facebook тоже не заставить?
Не заставить.
Дмитрий, простите, пожалуйста, но я опять с той же проблемой.
Обратила внимание, что на демонстрационной странице Вашего сайта (Share42.com, “Посмотрите как это будет выглядеть”) текст для Facebook берётся не со страницы, а именно из цитаты. Т.е. соответствует параметру data-description из исходного кода.
А здесь, на этом сайте, из текста, который передаётся в Facebook исключается содержимое div class=”post-meta”. Начинается фейсбучная цитата непосредственно с содержимого div class=”post__entry”. У меня, собственно, вся проблема в том и состоит, что начинается всё с даты, автора и т.д., хотя в структуре article div class=”entry-meta” отдельно, div class=”entry-content” отдельно.
Не подскажете как Вы добились такого результата?
Неверно. Этот текст берется со страницы http://share42.com/ru из тега
<meta name="description" ...>.Я ничего специально не делал. Как уже писал выше, Facebook сам выбирает текст. Но можно заставить его брать нужный текст, используя разметку Open Graph.
Спасибо большое, Дмитрий.
Дмитрий, не подскажете, как вставить скрипт в записи плагина Events Manager?
Т.е., чтобы иконки выводились при выводе описания мероприятий?
Спасибо.
Не знаком с этим плагином.
Добрый день, Дмитрий!
У меня некоторое время назад перестала работать кнопка Одноклассников. В открывающемся окне на чёрном фоне по центру изображение 1х1px и более ничего. И заголовок окна аналогичный – «dk(Изображение PNG, 1 х 1 пикселов) – Mozilla Firefox». Что и где могло поломаться? Остальные кнопки (фейсбук, твиттер, вконтакте и ЖЖ) работают в штатном режиме.
Не представляю.
Выше не отвеченный вопрос по поводу того, что нет счётчиков, хотя отмечена галочка перед установкой. Присоединяюсь к вопросу. Скрипт выдаёт ошибку “Uncaught TypeError: Cannot read property ‘share_count’ of undefined(…)”
Если речь про Facebook, установите скрипт заново. Ошибка давно устранена.
Заметил, что счетчики работают только если идет публикация на свою страницу в соц сети, если делиться в какой-то группе, то счетчик не показывает +1. Одноклассники надо исправлять в share42.js, как пишет Александр:
Пишу это сейчас, потому что начал глючить pluso, и я вспомнил про старый добрый share42 :)
Эту бы статью добавить на сайт share42.com чтобы пользователи искали ответы на свои вопросы по данному сервису.
Спасибо, Дмитрий, за ваш труд!
Здравствуйте. Хочу поставить иконки в попап окна, у каждого окна свое описание, я его добавляю с помощью javascript. В коде оно добавляется но постит другое совершенно. В чем может быть проблема?
Здравствуйте.
В Хроме открываю “посмотреть код”, показывает ошибку:
Failed to load resource: net::ERR_CONNECTION_TIMED_OUT
http://graph.facebook.com/?fields=share&id=http://www-formula.com/
Как ее убрать?
Спасибо.
Возможно, что используете старую версию скрипта. Переустановите его.
Да, помогло. Переустановил и ошибка пропала.
Спасибо.
Здравствуйте. Как сделать кнопки различные по размеру?
Здравствуйте,
Возникла проблема. Понадобилось добавить кнопку, сгенерировал новый скрипт, но перестала работать кнопка Facebook, точнее если пользователь залогинен, то все нормально. А если нет, то в окне логина вместо запроса логина и пароля фейсбук – ошибка.
Здравствуйте.
Перестала работать кнопка “Добавить в Одноклассники”.
У Вас на сайте http://share42.com/ru тоже не работает.
Проверял через браузеры Опера, Мозила и Макстон.
Возможно Одноклассники поменяли что то у себя.
Проблема решена.
Я заменил
ok.ru/dk?st.cmd=addShare&st._surl=
на
connect.ok.ru/offer?url=
Вроде бы все заработало.
Благодарю, помогло!
Здравствуйте!
Исчез счетчик лайков на иконке FB.
Как решить проблему?