Share42.com — Скрипт кнопок социальных закладок и сетей

Рад представить вашему вниманию свой новый бесплатный сайт-сервис — Share42.com — генератор скрипта кнопок социальных закладок и сетей.

Share42.com - Скрипт кнопок социальных закладок и сетей

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

Очень радует, что весь сайт от и до я сделал сам. Генерация осуществляется с помощью PHP, а интерфейс работает с помощью jQuery, благодаря чему никаких перезагрузок страниц — все действия происходят на одной единственной странице.

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

Тенденции в Интернете постоянно меняются. К примеру, если раньше везде ставили только кнопки социальных закладок, то с приходом социальных сетей (типа Твиттера, Фейсбука и т.п.) социальные закладки ушли на второй план. А мой сервис позволяет легко учитывать эти тенденции и предлагает пользователю выбор.

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

P.S. Для багов и пожеланий прошу пользоваться формой от реформала (оранжевая вкладка справа), которую я прицепил к сайту сервиса.

* * *

Профессиональная студия «ИнКлаудс» (с 2006 года на рынке IT-услуг) — http://www.inclouds.ru/ — готова предложить вам создание и продвижение сайта или портала любой сложности, а кроме этого создание фирменного стиля компании и рекламу в Интернете.

Полезные комментарии (2)
Комментарии (404)
  1. 1
    Сергей

    Добрый день Дмитрий.
    Подскажите пожалуйста, в чем может быть проблема — хочу установить на сайт иконки со счетчиком. Сделал все по инструкции, отметил нужные иконки, отметил нужные опции, скачал скрипт — все закачал на хостинг и вставил код на страницу — в результате иконки появились, но без счетчиков.
    Проверил jQuery — на сайте стоит версия 1.7.1 — вроде все должно работать нормально.
    В чем может быть причина и куда копать?

  2. 2
    Наталия

    Здравствуйте, Дмитрий!
    Спасибо Вам за скрипт и сервис. Несмотря на существование множества плагинов для WordPress Ваше решение безусловно лучшее. Единственная проблема, с которой я не могу справиться самостоятельно — это игнорирование Фейсбуком параметра data-description. Насколько я понимаю это не общая проблема, а конкретно связки WordPress-Facebook. Возможно ли как-то это исправить? И если нет, то как можно вообще удалить описания в случае с Фейсбуком? (оставить только изображение и заголовок).

    • 3

      Facebook автоматически берет текст со страницы. Его не удалить.

      • 4
        Наталия

        И понимать data-description Facebook тоже не заставить?

          • 6
            Наталия

            Дмитрий, простите, пожалуйста, но я опять с той же проблемой.

            Обратила внимание, что на демонстрационной странице Вашего сайта (Share42.com, «Посмотрите как это будет выглядеть») текст для Facebook берётся не со страницы, а именно из цитаты. Т.е. соответствует параметру data-description из исходного кода.

            А здесь, на этом сайте, из текста, который передаётся в Facebook исключается содержимое div class=»post-meta». Начинается фейсбучная цитата непосредственно с содержимого div class=»post__entry». У меня, собственно, вся проблема в том и состоит, что начинается всё с даты, автора и т.д., хотя в структуре article div class=»entry-meta» отдельно, div class=»entry-content» отдельно.

            Не подскажете как Вы добились такого результата?

            • 7

              Обратила внимание, что на демонстрационной странице Вашего сайта (Share42.com, «Посмотрите как это будет выглядеть») текст для Facebook берётся не со страницы, а именно из цитаты. Т.е. соответствует параметру data-description из исходного кода.

              Неверно. Этот текст берется со страницы http://share42.com/ru из тега <meta name="description" ...>.

              Не подскажете как Вы добились такого результата?

              Я ничего специально не делал. Как уже писал выше, Facebook сам выбирает текст. Но можно заставить его брать нужный текст, используя разметку Open Graph.

  3. 9
    Сергей

    Дмитрий, не подскажете, как вставить скрипт в записи плагина Events Manager?
    Т.е., чтобы иконки выводились при выводе описания мероприятий?
    Спасибо.

  4. 11
    Наталия

    Добрый день, Дмитрий!

    У меня некоторое время назад перестала работать кнопка Одноклассников. В открывающемся окне на чёрном фоне по центру изображение 1х1px и более ничего. И заголовок окна аналогичный — «dk(Изображение PNG, 1 х 1 пикселов) — Mozilla Firefox». Что и где могло поломаться? Остальные кнопки (фейсбук, твиттер, вконтакте и ЖЖ) работают в штатном режиме.

  5. 13
    Максим

    Выше не отвеченный вопрос по поводу того, что нет счётчиков, хотя отмечена галочка перед установкой. Присоединяюсь к вопросу. Скрипт выдаёт ошибку «Uncaught TypeError: Cannot read property ‘share_count’ of undefined(…)»

  6. 15
    валентин

    Здравствуйте. Хочу поставить иконки в попап окна, у каждого окна свое описание, я его добавляю с помощью javascript. В коде оно добавляется но постит другое совершенно. В чем может быть проблема?

  7. 16

    Здравствуйте.
    В Хроме открываю «посмотреть код», показывает ошибку:
    Failed to load resource: net::ERR_CONNECTION_TIMED_OUT
    http://graph.facebook.com/?fields=share&id=http://www-formula.com/
    Как ее убрать?
    Спасибо.

  1. 1

    Да, вот так:

    #share42 {
     right: 0;
     top: 50% !important;
     margin: -150px 0 0 !important;
     }
    

    150 — это половина высоты панели, ее нужно поменять на свое число.

  2. 2

    Вот стили:

    .share42-item {
    	position: relative;
    }
    .share42-counter {
    	visibility: hidden;
    	position: absolute !important;
    	top: 0;
    	left: 100%;
    	z-index: 2;
    }
    .share42-item:hover .share42-counter {
    	visibility: visible;
    }
    
Ваш комментарий