Добавьте кнопки социального обмена ShareThis на Weebly »WebNots

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

Связанный: AddThis виджет социальных сетей для Weebly.

Как добавить виджет Sharethis в Weebly?

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

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

Посмотрите демонстрацию виджета ShareThis на странице Weebly.

Посмотреть демо

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

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

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

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

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

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

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

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

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

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

Настроить

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

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

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

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

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

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

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

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

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

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

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

Код внедрения может изменяться в зависимости от выбранного стиля. Если виджет имеет элемент стиля, вставьте код CSS в раздел кодировщика заголовков. В нижней панели будет больше возможностей для добавления кнопки «Нравится» Facebook, добавления трендового контента, логотипа сайта и т. Д.

Просмотреть страницу поддержки ShareThis чтобы узнать о дополнительных возможностях и настройке виджета, например о добавлении Google Analytics.

Похожие записи

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

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