Кнопки yandex социальные – Блок Яндекса Поделиться и другие кнопки социальных сетей для сайта (Facebook, Google+, Twitter, ВКонтакте)

Содержание

Как найти Блок социальных кнопок Яндекса «Поделиться»

Как найти Блок социальных кнопок Яндекса «Поделиться»

У Яндекса есть готовый сервис для размещения кнопок социальных сетей на сайт «Поделиться». Блок «Поделиться» помогает посетителям вашего сайта быстро публиковать ссылки на интересные им страницы в социальных сетях и блогах. А это значит, что процесс раскрутки сайта происходит много быстрее, задествуя посетителей сайта, которым нравятся публикуемые вами материалы. Но найти Блок «Поделиться» на сайте сервисов Яндекса не так просто. О том, как его найти и будет рассказано ниже.

Прямая ссылка на Блок социальных кнопок Яндекса «Поделиться»

О том, где запрятан сейчас Блок «Поделиться» будет ниже. Для тех, кому нужна всего лишь ссылка на него, то вот она =) Откроется в новом окне, для тех кому нужен адрес:

https://tech.yandex.ru/share/

Как найти Блок «Поделиться» на сайте Яндекса

Для того, чтобы найти Блок «Поделиться» на сайте Яндекса нужно на странице «Все сервисы» (о том, как их открыть, читай

в этой статье) найти в списке «Технологии» (они на букву Т 😉 )

Затем в «Технологиях» найти раздел «Вебмастерам» в котором где-то ближе к концу страницы будет ссылка на Блок «Поделиться» с таким описанием:

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

Внешний вид страницы с Блоком «Поделиться» Яндекса

В общем-то все эти танцы с бубном только для того, чтобы открыть страницу:

Внешний вид страницы с Блоком «Поделиться» Яндекса

Как с ней работать для того, чтобы разместить Блок «Поделиться» с кнопками популярных социальных сетей от Яндекса у себя на сайте, рассмотрим в следующих статьях, посвященных этой теме.

Заберите ссылку на статью к себе, чтобы потом легко её найти 😉

Выберите, то, чем пользуетесь чаще всего:

Спасибо за внимание, оставайтесь на связи! Ниже ссылка на форум и обсуждение ; )

Как установить соцкнопки Яндекса в Blogger

(Последнее обновление: 19.08.2018)

Привет, друзья и просто хорошие люди! Если вам нужны кнопки социальных сетей для Blogger, то лучше всего использовать кнопочки Яндекса. Сегодня я покажу вам, как установить кнопки Яндекса в Blogger. Кнопки социальных сетей - простой и бесплатный способ увеличить посещаемость блога на 5-10%! Каждый 60 посетитель делится страницей с друзьями. Это 1.5% от общего количества посетителей вашего ресурса. На ярких и актуальных блогах количество лайков доходит до 10%. Разместив социальные кнопки на своем блоге Blogger, вы даёте возможность посетителям добавлять лучшие и интересные материалы с твоего блога в собственные закладки и социальные сети:

Кнопки социальных сетейКнопки социальных сетей

Социальные сети

Блок "Поделиться в социальных сетях" от Яндекс помогает посетителям вашего сайта быстро публиковать ссылки на интересные им страницы в социальных сетях и блогах. Вы можете создать блок для своего сайта/блога Blogger с помощью удобного конструктора.

Как установить социальные кнопки в блог

Блок Поделиться для вашего блога от самого Яндекса, довольно популярны у блогеров. Вы можете установить блок «Поделиться» на любую страницу. Пользователи будут делиться информацией с вашего блога, а значит, его популярность будет расти. Заходим на страницу сервиса api.yandex.ru и при помощи конструктора блока выбираете нужные сервисы социальных сетей, а также внешний вид соцкнопок:

Кнопки ЯндексаКнопки Яндекса

Конструктор блока Поделиться от Яндекс

После того, как вы определились с кнопками, скопируйте скрипт и вставляем его в шаблон блога. Шаблон - Изменить HTML. Находим строчку <data:post.body/> или <div> или <div> или <div> если хотите, чтобы блок кнопок социальных сетей, отображался выше поста, вставляйте ваш код выше найденных одной из строчек. Если после сообщений, то ниже строки:

Установка социальных кнопокУстановка социальных кнопок

Установка социальных кнопок от сервиса Яндекс в Blogger

Сохраняете изменения и смотрим, что у нас получилось:

Блок ПоделитьсяБлок Поделиться

Блок Поделиться от Яндекса в блоге Blogger после статьи

Быстро, легко и красиво. Надеюсь, было вам всё понятно. До новых встреч и пока, пока.


Поделиться в социальных сетях

Установка кнопок Поделиться от Яндекс в шаблон блога на Blogger

Знаю, что тема с социальными кнопками не нова. Да и расписывать что-то о гаджете «Поделиться» от Яндекс нет никакого смысла. В тоже время, искать нужную информацию о его установке в шаблон блога на Blogger как-то напрягает. Поэтому решил опубликовать свою статью с пошаговой инструкцией и лишь некоторыми полезными пояснениями. Надеюсь, это сэкономит вам время и поможет добиться наилучшего результата.

Содержание

Введение

А начну я с того, что гаджетов для шаринга (англ. share – доля, участие, пай) в социальные сети достаточного много, например UpToLike. Здесь важно понимать, что шаринг включает в себя как ссылку, так и плюс, лайк и т.д., но сама отметка иногда может идти отдельно. Тем не менее, лучше совместить приятное с полезным и избавиться от лишнего на страницах сайта, например, оригинальных кнопок соцсетей, т.к. они создают дополнительную нагрузку на ресурс.

Кнопки соцсетей «Поделиться» от Яндекс

С моей точки зрения, самым оптимальным вариантом здесь будет использовать гаджет «Поделиться» от Яндекс. Он прост, удобен и стабилен. При желании вы можете сгенерировать нужный вам вариант на этой странице. Конечно, там даны далеко не все фишки, но тем не менее.

Следует также отметить, что если у вас установлен счётчик Яндекс.Метрика, вы сможете использовать отчет: Содержание > кнопка «Поделиться» – для отслеживания статистики кликабельности социальных кнопок и страницам сайта, где они расположены. Очевидно, что такая статистика очень полезна в плане изучения аудитории вашего сайта и выбора той социальной сети, где она присутствует.

Установка кнопок в шаблон блога на Blogger

Ну а теперь перейдём от слов к делу. Не исключено, что процесс автоматической установки гаджета «Поделиться» от Яндекс в шаблон блогов на Blogger где-то и кем-то уже реализован, но мне об этом не известно. Поэтому я предлагаю вашему вниманию свою пошаговую инструкции с полным перечнем действий и моими пояснениями.

Шаг 1. Для начала вам нужно сгенерировать код гаджета, как это было упомянуто ранее. В статье, я буду использовать наиболее оптимальный и готовый вариант, потому данный момент опущу.

Шаг 2. Авторизуемся на Blogger и переходим в раздел «Шаблон» нужного блога. Предварительно рекомендую сделать резервную копию шаблона, для этого воспользуйтесь кнопкой «Резервное копирование и восстановление» (она находится в правом верхнем углу страницы). Далее кликаем кнопку «Изменить HTML».

Шаг 3. На открывшейся странице редактора, вам нужно найти в коде шаблона закрывающийся тег </HEAD>. Для этого кликните по текстовому полю редактора шаблона и нажмите комбинацию кнопок Ctrl+F. В самом редакторе шаблона появится форма поиска, куда надо ввести: </head> – и нажать кнопку Enter. Нужный тег, будет выделен желтым цветом.

Шаг 4. Перед этой строкой вам нужно будет вставить HTML-код вызова JavaScript библиотеки кнопки «Поделиться» от Яндекс:

<script src='/share/share.js' type='text/javascript' charset='utf-8'/>

Т.к. кнопки шаринга я отображаю только на страницах статей своего блога, то использую соответствующее условие, например:

<b:if cond='data:blog.pageType == &quot;item&quot;'><script src='/share/share.js' type='text/javascript' charset='utf-8'/></b:if>

Таким образом, скорость загрузки других страниц будет куда как выше.

Примечательно здесь и то, что сам гаджет работает в кодировке UTF-8. Поэтому, если вы используете другу кодировку, обязательно явно укажите кодировку для вызова JavaScript библиотеки, т.е. атрибут: charset='utf-8'.

Шаг 5. Теперь найдите и выберите в списке «Список виджетов» (он находится рядом с оранжевой кнопкой «Сохранить шаблон») виджет «Blog 1». Таким образом, вы будете автоматически перенаправлены к нужному виджету, который состоит из нескольких инклудов (англ. includable). Среди них нас интересует тот, что с id='post'. Для того, чтобы раскрыть его, вам нужно кликнуть по стрелочке в соответствующей строке.

Шаг 6. В появившейся части кода вам нужно найти вывод ссылки «Подробнее», он может иметь следующий вид:

<b:if cond='data:post.hasJumpLink'><div><a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></div></b:if>

Главный ориентир это шаблонные переменные data:post.hasJumpLink (показывать ли ссылку) и data:post.jumpText (текст ссылки подробнее). Сразу после этого условия, т.е. тега </b:if> вам нужно вставить следующий код:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><div data-yashareL10n='ru' data-yashareQuickServices='twitter,facebook,vkontakte,moimir,odnoklassniki,gplus' data-yashareTheme='counter' data-yashareType='big' expr:data-yashareDescription='data:post.snippet' expr:data-yashareImage='data:post.thumbnailUrl' expr:data-yashareLink='data:post.url' expr:data-yashareTitle='data:post.title'/></div>
</b:if>

Как вы видите, я и здесь использовал условие, что гаджет «Поделиться» от Яндекс, будет выводиться только на страницах со статьями, но это не значит, что он не будет работать на страницах архива. Опять же, DIV с id='sharethis' не обязательный, его я использую лишь для дополнительного оформления гаджета.

Шаг 7. Вот собственно и всё, жмем кнопку «Сохранить шаблон» и наслаждаемся результатом. Тем не менее, я рекомендую ознакомиться с тем, что и как работает, а также как это всё можно красиво оформить.

Параметры гаджета «Поделиться» от Яндекс

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

  • data-yashareL10n – идентификатор языка гаджета. По умолчанию: ru.
  • data-yashareQuickServices – идентификаторы социальных сетей и сервисов, перечисленных через запятую, для формирования кнопок в гаджете. По умолчанию использован стандартный набор. У себя я использую оптимальный, с моей точки зрения, набор и последовательность кнопок в виде: Twitter, Facebook, ВКонтакте, Мой Мир@Mail.ru, Одноклассники и Google+.
  • yashareTheme – тема оформления гаджета, по умолчанию «ссылка». У себя я использую вариант «счетчики» (counter), т.е. кнопки со счётчиками.
  • data-yashareType – недокументированный параметр, который определяет тип кнопок в гаджете. У себя я использую вариант «большие» (big). Можно не указывать.
  • data-yashareDescription – краткое описание статьи. По умолчанию определяется автоматически на основе метатега
    description
    текущей или указанной в data-yashareLink страницы. К сожалению, на Blogger существует только шаблонная переменная data:blog.metaDescription, но она выводит описание для текущей страницы (подробней тут), что не подходит для тех же страниц архива. Поэтому я предлагаю или не указывать этот параметр или использовать шаблонную переменную data:post.snippet, которая содержит начальный текст поста.
  • data-yashareImage – URL-адрес картинки. По умолчанию определяется автоматически на основе ссылки image_src, метатега og:image, первой картинки на текущей или указанной в data-yashareLink страницы. На Blogger URL-адрес картинки содержит шаблонная переменная data:blog.postImageThumbnailUrl (для текущей страницы) и data:post.thumbnailUrl (для отдельного поста). К сожалению, размер этой картинки всего 72 пикселя, что приемлемо не для всех соцсетей. У себя на блоге я использую простенький трюк, о котором писал тут.
  • data-yashareLink – URL-адрес страницы, т.е. ссылка шаринга. По умолчанию определяется автоматически для текущей страницы. Это значение содержится в шаблонной переменной data:blog.canonicalUrl (для текущей страницы) и data:post.url (для отдельного поста).
  • data-yashareTitle – заголовок страницы, т.е. текст ссылки (анкор). По умолчанию определяется автоматически на основе тега TITLE на текущей или указанной в data-yashareLink страницы. Это значение содержится в шаблонной переменной data:blog.pageName (для текущей страницы) и data:post.title (для отдельного поста).

Как вы видите, все эти параметры используются лишь для уточнения нужного результата, но могут быть определены автоматически.

Оформления гаджета социальных кнопок

Я не просто так использовал дополнительный DIV в коде гаджета, т.к. это позволяет оформить его надлежащим образом. Например, у себя на блоге я добавляю картинку с надписью: Понравился пост? Поделись с друзьями! – и стрелочкой на гаджет. Для этого, с учётом выше приведённого кода, достаточно добавить следующий CSS:

#sharethis {
  background:url('/-65B3BIcn6Ho/UPsukLoCTiI/AAAAAAAAh4w/XQC1s6H0OEs/s800/share.png') 0 15px no-repeat;
  padding:60px 0 10px 10px;
}

Добавить его можно непосредственно в шаблон, в секцию b:skin или через дизайнер шаблонов: Шаблон > Настроить > Дополнительно > Добавить CSS. На этом у меня всё. Спасибо за внимание. Поделитесь моей статьёй с друзьями в социальных сетях. Удачи!

Короткая ссылка: http://goo.gl/n4wkoZ

Кнопки социальных сетей от Яндекс

Всем читателям блога «Вторая жизнь ITишника» большой позитивный привет! Давно не писал статьи в рубрику сайтостроение, все о компьютерах и о компьютерах. Пора поддержать и web-тематику. Сегодня я расскажу откуда взять яндекс кнопки социальных сетей (как у меня на постовых страницах) для сайта. Код социальных кнопок можно установить на любом движке (WordPress, Joomla и т.д.).

Для чего нужны на сайте кнопки социальных сетей?

  1. Мгновенная индексация новой статьи в поисковиках. После написания нового поста, я кликаю по всем кнопкам социальных сетей «мне нравится».
  2. Поведенческий фактор. Кликая по кнопкам образуется связь посетителя с сайтом.
  3. SEO. В нашем случае пассивное продвижение в социальных сетях.
  4. Дополнительные посетители

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

Яндекс кнопки социальных сетей

Яндекс кнопки социальных сетей

Перед нами на выбор пять различных блоков кнопок социальных сетей для установки на сайт. Можете выбрать, то, что больше вам понравится или подойдет вашей странице. Однако я рекомендую установить кнопки со счетчиками. Когда есть цифры, посетитель подсознательно жмет на них. Больше кликов, выше результат. Однако в счетчиках есть маленький минус, можно установить лишь 7 кнопок на социальные сети: Я.ру, Вконтакте, Facebook, Twitter, Одноклассники, МойМир, Google+. Сказать честно, мне хватает ) В связи с закрытием сервиса блогов Я.ру, кнопка ушла. Но по последним данным появились другие дополнительные кнопки.

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

Как с помощью кнопок социальных сетей понять, какая статья наиболее популярна?

По кнопкам можно отследить какая у вас статья наиболее популярная. Понятное дело, что одна статья в поисковом запросе стоит на первом месте, а другая на 55-ом. Тут не надо быть математиком, чтобы понять, что делиться статьей в социальных сетях будут больше той, что на первом месте в поисковой выдаче. Вы зададитесь вопросом, как же понять, какая статья наиболее популярная? Тут все очень просто. После написания каждой статьи, я выкладываю анонс на subscribe.ru, в одни и те же группы. И в среднем мою статью просматривают одно и тоже количество посетителей, если только это не праздники или выходные. Через 3-4 дня я вижу, на сколько полезной оказалась моя информация.

Жду цифр ) Посмотрим, насколько полезным оказался данный пост. Не забываем подписываться на новые статьи.

Лучшее "Спасибо" - ваш репост

Яндекс.Знатоки

А зачем Вам, переставать бояться нового??? Точно ли Вы этого хотите?

Подобные страхи, это своего рода индульгенция. Которая позволяет оправдывать свое бездействие. Помните, как в «Бриллиантовой руке»? «Я не трус, но я боюсь». Я не к тому, что Вы — трус. Просто страх нового — он свойственен абсолютно каждому человеку. Мы все боимся неизвестности. И неважно, будь это путешествие в дикие джунгли или смена социального статуса. Лично я отношусь к той наивысшей степени консерватизма (или занудства), что мне требуется время, например, начать смотреть новый сериал или читать новую книгу. Звучит смешно и абсурдно, но это правда. Для меня «новое» — равняется тому, что у меня забрали что-то привычное, комфортное для меня. Но я не вижу в этом проблемы, я считаю это проявлением особенности своего характера. Или тревожности, что тоже имеет место быть. За мной есть склонность к излишнему контролю, и даже несмотря на мою профессию, это является проявлением тревожности. Таким образом, когда что-то, до боли мне привычное, вдруг меняется, случается проявление тревожности, то есть, страх потери контроля над ситуацией.

Есть и такие случаи, когда «страх нового» является нашей скрытой выгодой. Отчасти, неким самообманом. Разберем на примере: человек хочет поменять работу, потому что старую — он почти ненавидит. Но он «боится нового». И сохранение старой, ненавистной работы он для себя и окружающих позиционирует, как страх «Боюсь, что на новой работе я не скоро добьюсь успеха и не смогу должным образом содержать семью». И длиться такой страх может годами под благостным прикрытием «не смогу должным образом содержать семью», что в действительности является перекладыванием ответственности «вот не было б семьи, давно б ушел с ненавистной работы. При том, что вместо перекладывания ответственности и выдумывания отмазок, можно давно было бы спланировать свои действия. Вот на таком примере, думаю, вполне наглядно описано, как за страхом нового стоит скрытая выгода.

Если коротко резюмировать, что за «страхом нового» стоит боязнь «потерять старое», и вот это «старое» и стимулирует страх.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *