Пользовательское изображение для кнопки «Поделиться» в Facebook
3818 просмотра
1 ответ
Я искал в интернете некоторое время и не могу найти ничего, что работает. Я хочу использовать свое собственное изображение для кнопки «Поделиться», но всякий раз, когда я пытаюсь окружить изображение, кнопка «Поделиться» исчезает. Извините за отсутствие информации, потому что я новичок в Facebook SDK. Любая помощь будет принята с благодарностью, спасибо.
Текущий код, который у меня есть:
<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"><img src="Images/Icons/facebook.png" class="link"></div>
Автор: Joe Scotto
Источник
Размещён: 12.11.2019 09:40
Ответы (1)
10 плюса
Этот код прекрасно работает для меня:
<!-- facebook -->
<img src="[YOUR_FACEBOOK_PIC]" alt="Share on Facebook" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('[YOUR_PAGE_URL]'),'facebook-share-dialog','width=626,height=436'); return false;">
<!-- twitter -->
<img src="[YOUR_TWITTER_PIC]" alt="Share on Twitter" onclick="javascript:window.open('https://twitter.com/share?text=[SOME_TEXT_TO_PREPOLUTATE_TWEET]&url=[YOUR_PAGE_URL]','Twitter-dialog','width=626,height=436'); return false;">
<!-- google+ -->
<img src="[YOUR_GOOGLE_PIC]" alt="Share on Google Plus" onclick="window.open('https://plus.google.com/share?url=[YOUR_PAGE_URL]','Google-dialog','width=626,height=436'); return false;">
Просто замените текст в скобках, и не забудьте "кодировать URL" весь текст, который идет в URL, чтобы избежать проблем.
И никому из них не нужен SDK.
Вот ссылки на официальную документацию для каждого из них:
- Facebook (вы можете увидеть его в разделе перенаправления URL )
- Twitter (вы также можете использовать https://twitter.com/intent/tweet, как описано здесь )
- Google+ (в разделе «Поделиться ссылкой»)
Вопросы из категории :
- javascript Как определить, какой из указанных шрифтов был использован на веб-странице?
- javascript Валидация клиентской стороны ASP.Net
- javascript Длина объекта JavaScript
- javascript Получение текста из выпадающего списка
- javascript Скрипт входа со скрытыми кнопками
- html Определить часовой пояс пользователя
- html Как мне дать моим веб-сайтам значок для iPhone?
- html Как отключить автозаполнение браузера в поле веб-формы / теге ввода?
- html Как автоматически изменить размер текстовой области с помощью Prototype?
- css Создание закругленных углов с помощью CSS
- css Как вы можете настроить номера в упорядоченном списке?
- css Как я могу найти неиспользуемые изображения и стили CSS на веб-сайте?
- facebook Как получить HttpServletRequest в моих весенних бобах?
- facebook API, которые позволяют обновлять статусы на нескольких сайтах?
- facebook Приложение Facebook не отображается в браузере приложения, что приводит к ошибке Fb: request-form
- facebook Как Facebook Sharer выбирает изображения и другие метаданные при публикации моего URL?
- facebook Добавить кнопку «Стать фанатом» на мой сайт