iFrame Like Button на Facebook пользовательский onClick, правильный способ реализации?

63
3

РЕДАКТИРОВАТЬ

Я просто нашел способ удалить свой "общий" флажок после нажатия кнопки XFBML:

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
display: none !important;
}

НАЙДЕН ЗДЕСЬ

Теперь какое событие вызывает кнопку iframe?

Я хотел бы знать, как реализовать пользовательское событие onClick для кнопки iFrame Like.

Я читал, что он должен использоваться с FB.Event.subscribe('edge create',... но этот метод работает только с кнопкой XFBML, а не с iFrame.

(Я использую кнопку iFrame, потому что она не просит вас обмениваться страницей при нажатии на нее, в то время как кнопка XFBML спрашивает вас. Если невозможно создать собственный код с помощью кнопки iFrame, тогда есть ли способ удалить поле "share" после нажатия кнопки XFBML?)

Вот фрагмент кода, который я использую сейчас, и если я меняю кнопку на кнопку XFBML, пользовательский clickEvent работает!

<div id="loginContainer">
<iframe
src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRoyal-Translations%2F323613591009141&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21&appId=273312646075066"
scrolling="no"
frameborder="0"
style="border:none; overflow:hidden; width:450px; height:21px;"
allowTransparency="true">
</iframe>
</div>

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: '273312646075066', status: true, cookie: true, xfbml: true});
FB.Event.subscribe('edge.create',
function(response) {
document.getElementById("loginContainer").className += "invisible";
document.getElementById("formContainer").className = "visible";
}
);
};

спросил(а) 2021-01-19T17:11:01+03:00 6 месяцев, 1 неделя назад
1
Решение
77

то есть ли способ удалить поле "share" после нажатия кнопки XFBML?

Да, вы можете сделать это немного, но css, чтобы скрыть элемент DOM, добавленный в facebook.

.fb_edge_widget_with_comment span.fb_edge_comment_widget { display: none !important; }

ответил(а) 2021-01-19T17:11:01+03:00 6 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема