#facebook #facebook-like
#Facebook #facebook-нравится
Вопрос:
Я добавил следующий Facebook Like code в свой блог. Но когда я нажал на кнопку, появилось небольшое диалоговое окно, которое выглядит следующим образом:http://www.badongo.com/pic/13928565
Мне не нужно это диалоговое окно. Я просто хочу, чтобы количество кнопок like увеличилось. Кто-нибудь, пожалуйста, помогите мне, спасибо!
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/zh_TW/all.js#appId=189257097820759amp;xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="imobile.tw" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>
Комментарии:
1. Похоже, там куча синтаксических ошибок для меня, но можете ли вы отредактировать вопрос с кодом, который не имеет <?php echo code in it, and instead the actual URL? Без этого невозможно протестировать опубликованный вами код. Я бы посоветовал посмотреть, как создать кнопку Facebook like в Google и начать с нуля. Кроме того, когда я хотел сделать кнопку Like с добавлением 1 лайков, я думаю, что единственной версией, которая действительно работала из коробки, была опция iFrame.
2. Спасибо, miahelf. Я отредактировал код, указав в нем свой URL.
3. Ну, это не сработало, когда я добавил ваш код в HTML-файл, но когда я изменил эту строку: js.src = «//connect.facebook … и добавил в http: перед //, он отлично работал без всплывающего окна.
Ответ №1:
В вашем CSS:
.fb_edge_comment_widget.fb_iframe_widget { display: none !important }
Ответ №2:
На данный момент (декабрь 2012) ни одно из этих обходных решений CSS, похоже, не работает, поэтому я советую вам использовать более надежное решение: просто поместите fb:like в div с overflow: hidden помощью . Если div будет достаточно маленьким (просто для отображения кнопки Like), он будет работать.
Поместите это в свой HTML-файл:
<div id="fbLikeContainer">
<fb:like send="false" layout="button_count" width="70" show_faces="false"></fb:like>
</div>
И это в ваш файл CSS:
#fbLikeContainer {
overflow: hidden;
}
Если вы проверите официальную ссылку на кнопку Like в Facebook developers, в частности раздел , когда я нажимаю кнопку Like, всплывающее окно (или «всплывающее окно») не отображается. Почему?, вы увидите, что Facebook предлагает вам сделать именно это (хотя и непреднамеренно)
Ответ №3:
После прочтения страницы Facebook developer, я думаю, что новый стиль URL «Like» включает всплывающее окно / dialog. Возможно, вы могли бы скрыть всплывающее окно с помощью div вокруг кнопки Like, установленной на правильный размер, и с присвоенным ей свойством overflow: hidden CSS. Другой вариант — использовать кнопку Like со страницами Facebook. Это называется полем Like, но, опять же, работает только со страницами Facebook / URL. Возможно, вы могли бы создать страницу Facebook для своего сайта и иметь все кнопки Like, ссылающиеся на нее?
Вот генератор Facebook Like Box, в котором вы можете отключить большинство функций, чтобы получить только кнопку Like, а не все дополнительные вещи:http://developers.facebook.com/docs/reference/plugins/like-box /
Вот генератор кнопок Facebook Like, у которого также есть всплывающее окно, и они упоминают, что всплывающее окно может быть скрыто, хотя не говорите об этом так, как будто вы, возможно, захотите скрыть это: http://developers.facebook.com/docs/reference/plugins/like /
Комментарии:
1. Я думаю, что всплывающее окно было добавлено к кнопке Like, когда они устарели кнопка Share.
2. Нет, это было отдельно от этого; Я не думаю, что это появляется, если нет обнаруженного места для его отображения, я не уверен, какой метод используется, чтобы решить, есть ли место или нет. Если вы используете версию XFBML, она не должна появляться под какими-либо другими элементами. Всплывающее окно позволяет пользователям писать комментарии о вашей ссылке при размещении ее на своей стене, я думаю, что это также увеличивает количество переходов, поэтому я удивлен, что вы хотите это скрыть