Хабр Курсы для всех
РЕКЛАМА
Большая витрина: от крупнейших школ до частных авторов. Сравнивайте по цене, длительности, формату и выбирайте самый подходящий курс!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 37
Ссылка для шаринга в g+: https//plus.google.com/share?url={$url}
Простого способа получить количество расшариваний в g+ нет, но есть грязные, например, спарсить отсюда: https://apis.google.com/u/0/se/0/_/+1/sharebutton?plusShare=true&usegapi=1&action=share&url={$url}
Спасибо, добавил информацию в пост
del
Я понимаю… долго думал над названием статьи, пока не смог придумать ничего лучше :-)
Кто-нибудь из присутствующих хоть раз в жизни нажимал эти кнопки?
Только на своем блоге для хоть какого-то упоминания в соц.сетях.
Обычные пользователи жмут с удовольствием :-)
У нас за 10 дней работы голосования уже более 3000 репостов суммарно по соц. сетям.
И думаю, наш сайт не единственный, кто может захотеть реализовать собственный вариант соц. кнопок, со стилизацией и всем остальным.
У нас за 10 дней работы голосования уже более 3000 репостов суммарно по соц. сетям.
И думаю, наш сайт не единственный, кто может захотеть реализовать собственный вариант соц. кнопок, со стилизацией и всем остальным.
Yandex share. В документации описаны параметры, принимающие всю необходимую информацию для шаринга. Для тех, кто не хочет писать свой компонент — идеал.
Ну раз уж вы его вспомнили, как не сказать про addtoany.com
Он ещё и URL сокращать умеет.
Он ещё и URL сокращать умеет.
Для твиттера тоже существуют мета-теги. С помощью них легко вставляются картинки.
Подробнее тут: https://dev.twitter.com/cards/types/summary-large-image
Подробнее тут: https://dev.twitter.com/cards/types/summary-large-image
Скорее всего, размер меньше необходимого.
Как я написал в постскриптуме — идеально работают картинки 1024 на 512 и больше
Как я написал в постскриптуме — идеально работают картинки 1024 на 512 и больше
У фейсбука есть инструмент для дебага шаринга: https://developers.facebook.com/tools/debug. Скормите ему ссылку на страницу, и он скажет, что не так. Аналогичный инструмент есть у твиттера: https://cards-dev.twitter.com/validator
Применил свои супер-скилы фотошопа и нарисовал заглавную картинку для статьи…
Но хабр уже прописал другой og:image, интересно, изменит ли?
В ВК у меня нормально запостилось, правда пришлось выбрать картинку из 6 предложенных.
Но хабр уже прописал другой og:image, интересно, изменит ли?
В ВК у меня нормально запостилось, правда пришлось выбрать картинку из 6 предложенных.
Livejournal?
NodeJS модуль собирающий число шаров в мировых соцсетях (facebook, linkedin, pinterest, g+ etc) — https://www.npmjs.com/package/sociare-counter
Зачем придумывать свой велосипед? Есть хороший пример: https://github.com/sapegin/social-likes/blob/master/src/social-likes.js берете за основу services и counters.
Зачем брать за основу ваш «хороший пример», если там ссылки у одноклассников и твиттера старые, у всех соцсетей ссылки идут без картинок, только текст и тайтл и тд, если есть хороший пример — эта статья, в которой полные актуальные ссылки со всеми параметрами.
Тем более шаринг это не всегда яваскрипт, например в нашем случае идет редирект на соответствующую ссылку после того, как наш внутренний скрипт засчитает голос за нужного человека.
Тем более шаринг это не всегда яваскрипт, например в нашем случае идет редирект на соответствующую ссылку после того, как наш внутренний скрипт засчитает голос за нужного человека.
вы же понимаете, что это костяк?
вы же понимаете, что это всего лишь костяк?
Давайте ещё раз, вы изначально спросили, для чего изобретать велосипед (имея в виду мою статью), когда есть хороший пример (ваш скрипт на гитхабе), который якобы можно взять за основу.
Я ответил на ваш вопрос:
1) ваш скрипт — плохой пример, потому что в отличие от статьи он предлагает старые и неполноценные ссылки на шаринг, поэтому брать его за основу — явно плохая идея
2) ваш скрипт использует странные механизмы получения информации о количестве шеров, как минимум для фейсбука
3) ваш скрипт — это не костяк, а попытка сделать полноценное решение для лайков на яваскрипте.
Таким образом, если из вашего скрипта в качестве костяка мы не можем взять ни массивы ссылок шаринга, ни массивы методов получения количества шеров, то что там брать за основу? Модуль открытия попапа с заданным урлом для джейквери?
Напротив, моя статья — как раз не велосипед, а просто базовая актуальная документация по основным соцсетям, собранная в одном месте и на русском языке. Собранная как раз потому, что в процессе решения своей задачи я нашёл массу скриптов похожих на ваш, но не нашёл ни одного актуального и полноценного, с комментариями и описанием принципов работы, поэтому и решил выложить добытые мной сведения на пользу обществу, может ещё кому то пригодится.
Если сравнивать мою статью и ваш скрипт с гитахаба, то в чистом остатке мы имеем:
Чтобы получить полноценное шаринг решение используя сведения из моей статьи — остаётся дописать только window.open с заданными урлами и повесить вёрстку, в которую кидать полученные значения шеринга.
Чтобы получить полноценное шаринг решение из вашего скрипта (не обращаясь к моей статье) нужно было бы перелопатить документацию каждой соц сети, как минимум чтобы понять как добавить картинки к посту. Зато там есть написанное window.open.
Извините, чёт пригорел :)
Я ответил на ваш вопрос:
1) ваш скрипт — плохой пример, потому что в отличие от статьи он предлагает старые и неполноценные ссылки на шаринг, поэтому брать его за основу — явно плохая идея
2) ваш скрипт использует странные механизмы получения информации о количестве шеров, как минимум для фейсбука
3) ваш скрипт — это не костяк, а попытка сделать полноценное решение для лайков на яваскрипте.
Таким образом, если из вашего скрипта в качестве костяка мы не можем взять ни массивы ссылок шаринга, ни массивы методов получения количества шеров, то что там брать за основу? Модуль открытия попапа с заданным урлом для джейквери?
Напротив, моя статья — как раз не велосипед, а просто базовая актуальная документация по основным соцсетям, собранная в одном месте и на русском языке. Собранная как раз потому, что в процессе решения своей задачи я нашёл массу скриптов похожих на ваш, но не нашёл ни одного актуального и полноценного, с комментариями и описанием принципов работы, поэтому и решил выложить добытые мной сведения на пользу обществу, может ещё кому то пригодится.
Если сравнивать мою статью и ваш скрипт с гитахаба, то в чистом остатке мы имеем:
Чтобы получить полноценное шаринг решение используя сведения из моей статьи — остаётся дописать только window.open с заданными урлами и повесить вёрстку, в которую кидать полученные значения шеринга.
Чтобы получить полноценное шаринг решение из вашего скрипта (не обращаясь к моей статье) нужно было бы перелопатить документацию каждой соц сети, как минимум чтобы понять как добавить картинки к посту. Зато там есть написанное window.open.
Извините, чёт пригорел :)
Ничего страшного бывает. Во-перых скрипт не мой я из него взял только services и counters. По поводу картинки: почти все соц сети забирают картинки из мета-тегов по умолчанию.
свой велосипед могу потом показать в личку если будет интересно.
<meta property="og:image" content="https://habrastorage.org/files/11c/1ab/c90/11c1abc901ef45b291a0aa7262ad3924.jpg">
свой велосипед могу потом показать в личку если будет интересно.
и он только для подсчёта like.
В ВК для голосования подсчет шеров через ссылку vk.com/share.php не совсем удачный. Очень легко накручивается.
Например: один человек может сто раз сделать репост и удалить эти записи, количество репостов останется =(
Например: один человек может сто раз сделать репост и удалить эти записи, количество репостов останется =(
Обновил способ подсчета голосов в фейсбуке, старое API ушло в deprecated
Сделал PHP-скрипт, который генерит ссылки для шаринга и получает количество шеров по урлу.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
1000 и 1 репост: гайд по кнопке «поделиться» в русских соц сетях