facebook - facebook客户聊天信使定位
问题描述
所以我在我的网站上安装了 facebook 客户聊天信使插件,它工作正常,但我需要将它对齐到网站的左侧,如果可能的话,还要更改按钮的大小(它很大)。
我的代码是:
<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 = 'https://connect.facebook.net/pt_PT/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fmessengerBtn">
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml: true,
version : "v3.2"
});
};
</script>
<div id="fb-root"></div>
<div class="fb-customerchat"
attribution=setup_tool
page_id="372545293082246"
theme_color="#0b9bb8"
greeting_dialog_display="fade"
greeting_dialog_delay="60"
ref="home"
logged_in_greeting="Fale conosco"
logged_out_greeting="Fale conosco">
</div>
</div>
我试过只使用 CSS 来对齐容器 div,但聊天窗口将保留在网站的右侧......是否有某种属性或选项可以将东西设置到左侧?当然,这是许多其他人需要做的事情
此外, greeting_dialog_delay 选项似乎不起作用
解决方案
以下 CSS 目前似乎可以工作(因为类可能会改变):
/* ***************
* FB on left side
******************/
/* This is for the circle position */
.fb_dialog.fb_dialog_advanced {
left: 18pt;
}
/* The following are for the chat box, on display and on hide */
iframe.fb_customer_chat_bounce_in_v2 {
left: 9pt;
}
iframe.fb_customer_chat_bounce_out_v2 {
left: 9pt;
}
推荐阅读
- beautifulsoup - 我如何用漂亮的汤解析来自雅虎财经的信息
- java - 时间复杂度 - 将映射条目复制到 Arraylist
- discord.js - 达到特定级别时向用户添加角色的问题
- powerquery - 用电量查询填补时间空白
- c# - 如何更新 Word 文档中的正文和超链接
- angular - 如何在从 col-12 更改为 col-9 时向 css 中的 div 添加过渡效果?
- websocket - 向命名空间的 Socket.io 房间发出广播
- reporting-services - How to not COUNT a value in SSRS matrix when value is NULL
- c++ - 如何在 QStandardItemModel 中查找一行
- powerbi - 一列中有重复值,第二列中有不同值的行