Пользовательское изображение для кнопки «Поделиться» в Facebook

javascript html css facebook

3818 просмотра

1 ответ

3388 Репутация автора

Я искал в интернете некоторое время и не могу найти ничего, что работает. Я хочу использовать свое собственное изображение для кнопки «Поделиться», но всякий раз, когда я пытаюсь окружить изображение, кнопка «Поделиться» исчезает. Извините за отсутствие информации, потому что я новичок в 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 Источник Размещён: 13.02.2015 11:15

Ответы (1)


10 плюса

17512 Репутация автора

Решение

Этот код прекрасно работает для меня:

<!-- 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]&amp;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.


Вот ссылки на официальную документацию для каждого из них:

Автор: Alvaro Montoro Размещён: 13.02.2015 11:20
Вопросы из категории :
32x32