Добавьте кнопку Facebook Share на статическую HTML-страницу - PullRequest
Новая
       9

Добавьте кнопку Facebook Share на статическую HTML-страницу

12 голосов
/ 30 марта 2011

Можно ли добавить кнопку Facebook Share на статическую HTML-страницу?Я реализовал простой веб-сайт без серверной стороны, только с кучей html-страниц, и я был в состоянии добавить кнопку «Мне нравится», потому что она реализована с помощью элемента iFrame.Я искал решение относительно кнопки «Поделиться» перед публикацией здесь, но ничего не могу найти.

(Пример кнопки «Поделиться» можно увидеть на веб-сайте YouTube, наподелиться разделом каждого видео.)

Любая помощь приветствуется.

Ответы [ 5 ]

11 голосов
/ 30 марта 2011

Вы можете сгенерировать свой собственный код кнопки здесь: http://developers.facebook.com/docs/reference/plugins/like/

9 голосов
/ 12 августа 2013

Это должно решить вашу проблему: Кнопка FB Share / диалоговая документация Вообще говоря, вы можете использовать либо обычный HTML-код и стилизовать его с помощью CSS, либо вы можете использовать Javascript.

Вот пример: 

<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fparse.com" target="_blank" rel="noopener">
    <img class="YOUR_FB_CSS_STYLING_CLASS" src="img/YOUR_FB_ICON_IMAGE.png" width="22px" height="22px" alt="Share on Facebook">
</a>

Замените https% 3A% 2F% 2Fparse.com , YOUR_FB_CSS_STYLING_CLASS и YOUR_FB_ICON_IMAGE.png на свой выбор, и с вами все будет в порядке.

Примечание: Ради безопасности ваших пользователей используйте ссылку HTTPS на FB, как в атрибуте a * href .

4 голосов
/ 25 мая 2013 
<a name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php?appId={YOUR APP ID}&link=<?php the_permalink() ?>' rel='nofollow'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
3 голосов
/ 14 июня 2013

Заменить <url> своей ссылкой 

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }</style><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>
3 голосов
/ 16 мая 2013 
 <div class="fb_share">
     <a name="fb_share" type="box_count" share_url="<?php the_permalink() ?>"
       href="http://www.facebook.com/sharer.php">Partilhar</a>
     <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> <?php }  }

 add_action('thesis_hook_byline_item','fb_share');
...