Как добавить форму приглашения друзей на фан-страницу?

Опубликовал 15 октября 2011 в рубрике Технарям

Tweet

Как добавить форму приглашения друзей на фан страницу?

Форма приглашения друзей на Странице позволяет вашим фанам легко пригласить своих друзей. Она может располагаться, например, на вкладке Приветствия. Это может быть ссылка, картинка и т. п. (в зависимости от вашего дизайна), нажимая на которую появляется всплывающее окно с этой формой.

Делается такая форма стандартными кодами Facebook. Код очень простой. Ниже приведён пример приглашения друзей на основе Javascript SDK. (Обязательное условие – у вас уже должна быть вкладка iframe на фан-странице.)


<!--в начале стандартный код подключения библиотеки javascript Facebook-->    

<div id="fb-root"></div>
<script src="https://connect.facebook.net/ru_RU/all.js#xfbml=1"></script>

<!--Здесь начинается сам код приглашения друзей-->     

<script>
   FB.init({
// id приложения обязательно замените на свой,
// он должен совпадать с id вкладки, на которой размещён код приглашения.
        appId:'152958841451495',
        cookie:true,
        status:true,
        xfbml:true,
        oauth:true
    });

        function req() {
            FB.ui({ method: 'apprequests',
            // Текст сообщения и заголовка может быть любой, но не длинный.
            message: 'Приглашаю на Страницу Мастерская фан-страниц.',
            title: 'Приглашение друзей на эту Страницу'
            });
         }
</script>

<!--Это код ссылки, нажимая на которую
будет вызываться форма приглашения-->
<a href="#" onclick="req()">Приглашаю на страницу</a>

<!--Это код кнопки, нажимая на которую
будет вызываться форма приглашения-->
<a href="#" onclick="req()"><img src="ССЫЛКА_НА_КАРТИНКУ_КНОПКИ"></a>

Этот код копируете и вставляете в HTML-код вашей вкладки между тегами <body> </body>. Затем в коде приглашения друзей вам обязательно надо вставить свой id приложения, заменить текст message: и текст title: тоже на свой (текст сообщения и заголовка не должен быть длинным). Чтобы быстро узнать id, зайдите на вкладку, на которую вы добавите приглашение друзей и вы сможете увидеть id в адресной строке:

Как добавить форму приглашения друзей на фан страницу?

Дальше выбираете: у вас будет ссылка или картинка, нажимая на которую появится форма приглашения друзей. Если вам нужна ссылка в виде текста, то оставляете только код ссылки. Если это будет кнопка/картинка, то оставляете только код для кнопки. В этом случае в коде кнопки вставьте ссылку на изображение для самой кнопки.

После того, как вы внесли нужные изменения, сохранили файл с кодом на хостинге, форма приглашения будет уже работать. Но по умолчанию пользователь, который получит уведомление о том, что его пригласил друг на Страницу, будет переходить на страницу Canvas приложения. А нам надо, чтобы пользователь сразу попадал на саму вкладку фан-страницы.

Для этого вам необходимо в настройках приложения в поле Bookmark вставить ссылку вашей фан-страницы и сохранить изменения. Как это сделать?

Переходите по адресу https://developers.facebook.com/apps -> слева выбираете название нужного приложения (которое вы создали раньше) -> затем правее нажимаете «Редактировать».

Далее слева выбираете «Advanced» и внизу находите поле Bookmark URL. В него вставляете ссылку на фан-страницу. Сохраняете.

Как добавить форму приглашения друзей на фан страницу?

Теперь всё работает так как надо. Живой пример вы можете посмотреть на этой вкладке.

Поделиться в социальных сетях:

Как добавить форму приглашения друзей на фан страницу?

Похожие записи:

Tags: , , ,

Комментарии Facebook:

Leave a Reply