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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(тегиToTranslate)Button