TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Добавьте кнопки совместного доступа ShareThis в Weebly

17

Weebly предлагает кнопки обмена в социальных сетях в качестве элемента, который можно добавить только в область содержимого страницы. Это будет менее привлекательно в большинстве ситуаций, поскольку совместное использование в основном зависит от расположения кнопок. В этом социальном мире для пользователей Weebly есть множество альтернативных вариантов обмена, и ShareThis – одна из таких бесплатных платформ для обмена в социальных сетях. В этой статье мы объясним пошаговое руководство о том, как добавить кнопки совместного доступа ShareThis в социальных сетях на сайт Weebly.

По теме: AddThis виджет для публикации в социальных сетях для Weebly.

Добавление кнопок ShareThis социального обмена состоит из двух шагов:

  • Получение кодов для встраивания с сайта ShareThis
  • Добавление кодов на ваш сайт Weebly

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

Выбор платформы

ShareThis предлагает виджеты для всех популярных платформ, таких как WordPress, Blogger, Drupal и т.д. Выберите общий вариант «Веб-сайт» и нажмите кнопку «Далее».

Добавьте кнопки совместного доступа ShareThis в Weebly

Выберите платформу веб-сайта для совместного использования

Выберите стиль

Доступны два набора стилей: один – это стиль кнопки, а другой – стиль полосы. Выберите любой понравившийся стиль и нажмите кнопку «Далее».

Добавьте кнопки совместного доступа ShareThis в Weebly

Выбор стиля для виджета общего доступа

Настроить

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

  • Просмотрите предварительный просмотр виджета общего доступа.
  • Измените порядок кнопок путем перетаскивания.
  • Удалите или добавьте кнопки общего доступа с разных сетевых сайтов, таких как Facebook, Twitter, Google+ и т.д.
  • Выберите позицию стыковки для виджета общего доступа.
  • Выберите настройки CopyNShare – вы можете выбрать копию содержимого или копию URL-адреса, чтобы измерить количество общих ресурсов. Когда флажки включены, к вашему URL автоматически добавляется #hashtag или функция копирования в буфер обмена.

Добавьте кнопки совместного доступа ShareThis в Weebly

Настройка виджета общего доступа

После завершения настроек нажмите кнопку «Получить код», чтобы просмотреть код внедрения для виджета.

Код виджета состоит из трех частей, как показано на рисунке ниже:

Добавьте кнопки совместного доступа ShareThis в Weebly

Получение кода встраивания для виджета общего доступа

  1. Сначала выберите свой веб-сайт как http или https, на Weebly только бизнес-планы могут иметь сертификат SSL для https, а все остальные планы должны иметь только вариант http.
  2. Скопируйте код и вставьте его в раздел заголовка своей страницы Weebly в разделе «Страницы> Выбрать страницу> Дополнительно> Код заголовка ».
  3. Скопируйте код и вставьте в нижний колонтитул страницы.

Добавьте кнопки совместного доступа ShareThis в Weebly

Добавление кода виджета ShareThis в Weebly

Если вы хотите, чтобы виджет ShareThis отображался на всех страницах вашего сайта, добавьте коды в раздел «Настройки> SEO> Код верхнего / нижнего колонтитула». Точно так же вы можете добавить виджет на страницу блога и сообщения, однако помните о следующих моментах:

  • Код внедрения может изменяться в зависимости от выбранного стиля. Если виджет имеет элемент стиля, вставьте код CSS в раздел кодировщика заголовков.
  • На нижней панели будет больше возможностей для добавления кнопки «Нравится» Facebook, добавления трендового контента, логотипа сайта и т.д.
  • Просмотрите страницу поддержки ShareThis, чтобы узнать о дополнительных возможностях и настройке виджета, например о добавлении Google Analytics.

Источник записи: www.webnots.com

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