Как добавить кнопки «Нравится» и «Поделиться» Facebook в Weebly? –

Weebly позволяет вам делиться своим контентом на Facebook и Twitter (X) при публикации сайта или записи в блоге. Вы также можете интегрировать комментарии Facebook для своего блога, чтобы получать отзывы от пользователей. Кроме того, кнопка «Нравится» на Facebook позволяет пользователям делиться вашим контентом с друзьями в один клик. Следуйте пошаговой инструкции ниже, чтобы получить кнопку «Нравится» на Facebook и встроить ее на свой сайт Weebly.

Кнопки «Нравится» и «Поделиться» на Facebook

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

Не выполнен вход в FacebookНе выполнен вход в Facebook

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

Зарегистрирован ПросмотрЗарегистрирован ПросмотрЗарегистрирован Просмотр

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

Генерация кода кнопок «Нравится» и «Поделиться» на Facebook

Для генерации кода кнопки не обязательно входить в свою учетную запись Facebook.

  • кликните сюда для доступа к странице плагина социальной сети Facebook для кнопки «Нравится».
  • Прокрутите вниз до раздела «Like Button Configurator», где вы можете найти форму. Внешний вид формы Configurator может отличаться на мобильных и десктопных сайтах Facebook, но процесс остается тем же.
  • Введите URL вашего сайта в поле «URL для лайка». Если вы хотите получить больше лайков для своей страницы Facebook, добавьте URL своей страницы Facebook в это поле вместо адреса вашего веб-сайта.
  • Ширина — введите ширину в пикселях в зависимости от макета вашего сайта.
  • Макет – выберите один из вариантов: стандартный, box_count, button_count или кнопка.
  • Тип действия — выберите «Нравится» или «Рекомендовать» из раскрывающегося списка.
  • Размер кнопки — выберите маленький или большой размер кнопки.
  • Установите флажок «Включить кнопку «Поделиться», чтобы добавить кнопку «Поделиться» на дисплей.

Конфигуратор кнопки «Нравится» на FacebookКонфигуратор кнопки «Нравится» на FacebookКонфигуратор кнопки «Нравится» на Facebook

  • Предварительный просмотр кнопки «Нравится» можно увидеть под формой конфигуратора.
  • Нажмите на поле «Получить код», чтобы получить код для кнопки «Нравится»/«Поделиться».

Проверьте предварительный просмотр и получите кодПроверьте предварительный просмотр и получите кодПроверьте предварительный просмотр и получите код

Копировать код IFrame

У вас есть два варианта вставить кнопку «Мне нравится» на ваш сайт – JavaScript SDK и IFrame. Перейдите на вкладку IFrame и скопируйте код, как показано на рисунке ниже.

Получить код IFRAMEПолучить код IFRAMEПолучить код IFRAME

Существует несколько способов вставить код на ваш сайт Weebly в зависимости от того, где вы хотите разместить кнопку(и).

Добавление кнопки «Нравится» в контент страницы Weebly

  • Войдите в свою учетную запись Weebly и отредактируйте сайт, на который вы хотите добавить кнопку «Нравится» Facebook.
  • Перейдите на вкладку «Страницы» и выберите страницу.
  • Перетащите элемент «Встроить код» в область содержимого, куда вы хотите добавить кнопку.
  • Вставьте код кнопки «Нравится» Facebook в элемент «Встраиваемый код», и вы увидите кнопки «Нравится»/«Поделиться», как показано ниже.
  • Опубликуйте свой сайт, чтобы применить изменения.

Вставка в верхний или нижний колонтитул отдельной страницы

Если вы хотите вставить кнопку «Нравится» в область верхнего или нижнего колонтитула отдельной страницы, выполните следующие действия.

  • Находясь в редакторе Weebly, перейдите на вкладку «Страницы» и выберите страницу, на которую вы хотите вставить код.
  • Нажмите кнопку «Настройки SEO» и вставьте код в раздел «Код нижнего колонтитула» или «Код верхнего колонтитула».
  • Опубликуйте свой сайт, и кнопки появятся в верхнем или нижнем колонтитуле страницы.

Показывать кнопку «Нравится» Facebook в верхнем или нижнем колонтитуле страницыПоказывать кнопку «Нравится» Facebook в верхнем или нижнем колонтитуле страницыПоказывать кнопку «Нравится» Facebook в верхнем или нижнем колонтитуле страницы

Вставить в верхний или нижний колонтитул всего сайта

Если вы хотите добавить кнопку «Нравится» для всего сайта, перейдите на вкладку «Настройки» в редакторе Weebly. Перейдите в раздел «SEO» и вставьте код в раздел «Код нижнего колонтитула» или «Код верхнего колонтитула». Нажмите кнопку «Сохранить», а затем «Опубликовать», чтобы применить изменения.

Добавьте кнопку «Нравится» Facebook в нижний колонтитул или верхний колонтитулДобавьте кнопку «Нравится» Facebook в нижний колонтитул или верхний колонтитулДобавьте кнопку «Нравится» Facebook в нижний колонтитул или верхний колонтитул

Заключительные слова

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

(тегиToTranslate)Button

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

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