Вход к инструментам ~

             
        Полезные инструкции  

Как в одностраничный сайт вставить кнопки "Поделиться в соц.сетях"

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

Такую возможность нам предоставляет один из сервисов системы Яндекс http://api.yandex.ru/share/ , который называется - Блок "Поделится" для вашего сайта 

Итак! Для начала надо выбрать страницу и место куда мы будем вставлять наши кнопки соц. сетей.

Мы выбираем на сервисе БизИнКом инструмент "Конструктор событий" и в его текстовом редакторе будем вставлять кнопки "Поделиться в соц сетях" в уже созданный одностраничный сайт.

Вы же можете выбрать любой другой инструмент, например "Конструктор сайтов-визиток". В нем точно такой же текстовый редактор и все действия приведенные ниже, будут идентичными. Доступ к "Конструктору сайтов-визиток" вы можете получить в бесплатном пакете "Мастер микс".

Так выглядет верхняя часть нашего одностраничника, сделанного на сервисе БизИнКом в "Конструкторе Событий" и в качестве примера этого урока мы вставим кнопки соц сетей под зеленой надписью в заголовке "Вам надо делать рассылку сообщений по e-mail адресам ваших клиентов?" (1)


Заходим на сервисе БизИнКом в "Конструктор событий" и здесь в редакторе будем вставлять наши кнопки (2)


Заходите на сервис Яндекса - Блок "Поделиться" для вашего сайта вот по этому адресу http://api.yandex.ru/share/
Перед вами открывается страница, на которой вы выбираете те иконки соц сетей, которые хотите вставить в ваш сайт (1).
Здесь же вы выбираете внешний вид блока с иконками (2).
Как видите здесь их четыре: "Кнопка", "Ссылка", "Иконки и меню", "Только иконки".
Мы выбираем вид блока "Кнопка". Выбранный вид выделяется серым цветом.

Следующим действием - выделяете код в поле "Код" (3), щелкаете по выделенному коду один раз правой кнопкой мышки, перед вами всплывает меню, в котором левой кнопкой мышки нажимаете надпись "Копировать" (4)


 
После того как нажали на надпись "Копировать", переходите в панель управления "Конструктора Событий" и в текстовом редакторе нажимаете кнопку "Источник" (5)

Перед вами открывается HTML код вашей страницы.


Возможно это самая не понятная часть процесса, но пугаться не стоит, сейчас по тихоньку с этим разберемся.

Если вы внимательно вглядитесь в эти не понятные знаки, то между всей этой абракадаброй вы увидите нормальные слова и фразы (6), которые вы сами же и написали в визуальном варианте редактора. 


Так вот что теперь надо сделать! Среди всех этих значков находите текст, после которого вы хотите вставить кнопки соц сетей "Поделиться" (У нас этот -  "Вам надо делать рассылку сообщений по e-mail адресам ваших клиентов?"), ставите курсор мышки в свободное место после куска кодов с вашим выбранным текстом (7)

Далее щелкаете правой кнопкой мышки, перед вами появляется всплывающее меню, в котором нажимаете надпись "Вставить" (8)



Вы увидите что в текстовом редакторе, в том месте куда вы поставили курсор мышки, появилась новая абракадабра (9), которая и является кодом кнопок соц сетей "Поделиться" и этот код точно такой же какой вы скопировали на сервисе Яндекса - Блок "Поделиться" для вашего сайта


Все! Код кнопок соц сетей вставлен, далее нажимаете кнопку "Предварительный просмотр" (10) и смотрите как выглядят ваши кнопки!

Смотрим! Вот они, те самые иконки "Поделиться в соц сетях", которые мы выбрали (11) и под той надписью, под которой мы решили их поставить.

С помощью этого метода теперь вы сможете вставлять кнопки соц сетей "Поделиться" в любое место сайтов или страниц, где есть доступ к источнику HTML.

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


В интернете многое познается "Методом Тыка"


Отличного бизнеса и прятного творчества!

С уважением, команда БизИнКом

 

 

Интернет для новичков

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

С уважением, команда БизИнКом

Мы в фэйсбуке

Twitter Facebok

 2016  "БизИнКом" 
Бизнес - Интернет - Коммуникации

 
Зарегистрироваться

Вход к инструментам ~