Как передать пользовательский параметр в ссылку на Facebook

Код 1:

<a id="button" rel="nofollow" href="http://www.facebook.com/share.php?" onclick="return fbs_click()" target="_blank">
<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;
        }

Здесь заголовок "t" не работает, но я хочу отобразить пользовательский заголовок, резюме, URL и изображение, поэтому я попробовал что-то вроде этого

Код 2:

<a id="button"          href="http://www.facebook.com/sharer.php?
                        s=100
                        &p[url]=<?php echo $pressurl;?>
                        &p[images][0]=http://myurl/images/linkedin_image.png
                        &p[title]=mytitle
                        &p[summary]=containsummary                      "> 

В обоих случаях ничего не произошло, он автоматически получает некоторый контент (заголовок, изображение, резюме) из вышеупомянутого URL, и я хочу отобразить пользовательский заголовок, изображение и резюме на странице общего доступа в Facebook, и я не знаю, как использовать метатег og и что с =100 это значит?..

1 ответ

Решение

Вместо использования скрипта sharer.php в Facebook вы можете использовать Facebook JavaScript SDK, чтобы создать собственный диалог для общего доступа.

<!-- include Facebook JavaScript SDK -->

<!-- share link -->
<a href="#" class="share-btn">Share to Facebook</a>

<script type="text/javascript">
function fb_share() {
    // facebook share dialog
    FB.ui( {
        method: 'feed',
        name: "Your Page Title",
        link: "https://www.webniraj.com/link-to-page/",
        picture: "https://stackexchange.com/users/flair/557969.png",
        caption: "Some description here"
    }, function( response ) {
        // do nothing
    } );

}

// add click event to link using jQuery
$(document).ready(function(){
  $('.share-btn').on( 'click', fb_share );
});
</script>

Это создаст приятное всплывающее окно для публикации в Facebook, и вы можете легко изменить заголовок, описание и атрибуты изображения в JavaScript. Рабочая демоверсия доступна здесь.

Другие вопросы по тегам