![](/img/trans.png)
[英]Facebook / FBML - Can I create an Iframe, using FBML, in a Tab on a Profile Page?
[英]How do I get the UserVoice Feedback Tab to display on a Facebook app page using FBML?
我有一個使用FBML的Facebook應用程序,我想在我的應用程序頁面上包含UserVoice反饋選項卡小部件。 我將JavaScript復制並粘貼到我的FBML頁面中,但是當Facebook呈現頁面時,該JavaScript被刪除,因此選項卡不顯示。
有沒有人有Facebook的修改版JavaScript和使用UserVoice選項卡在FBML頁面上工作的經驗?
這是JavaScript代碼:
<script>
<!--
var uservoiceJsHost = ("https:" == document.location.protocol) ? "https://uservoice.com" : "http://cdn.uservoice.com";
document.write(unescape("%3Cscript src='" + uservoiceJsHost + "/javascripts/widgets/tab.js' type='text/javascript'%3E%3C/script%3E"))
//-->
</script>
<script>
<!--
UserVoice.Tab.show({
/* required */
key: 'callme',
host: 'callme.uservoice.com',
forum: '31286',
/* optional */
alignment: 'left',
background_color:'#f00',
text_color: 'white',
hover_color: '#06C',
lang: 'en'
})
//-->
</script>
忘了JavaScript。 只需包含以下HTML:
<style type="text/css">
#uservoice-dialog
{
display: block;
margin: -2em auto 0 auto;
position: absolute;
text-align: left;
z-index: 100003;
}
#uservoice-overlay
{
background-color: #000;
filter: alpha(opacity=70);
height: 100%;
left: 0;
opacity: .7;
position: absolute;
top: 0;
width: 100%;
z-index: 100002;
}
#uservoice-dialog[id], #uservoice-overlay[id]
{
position: fixed;
}
#uservoice-overlay p
{
color: #ddd;
font: bold 14px arial, sans-serif;
letter-spacing: -1px;
margin: 0;
padding: 5px;
}
#uservoice-dialog #uservoice-dialog-close
{
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
color: #06c;
cursor: pointer;
height: 48px;
position: absolute;
right: -12px;
top: -11px;
width: 48px;
}
* html.dialog-open body
{
height: 100%;
}
* html.dialog-open, * html.dialog-open body
{
overflow: hidden;
}
html.dialog-open object, html.dialog-open embed, * html.dialog-open select
{
visibility: hidden;
}
* html #uservoice-overlay
{
width: 110%;
}
* html #uservoice-dialog #uservoice-dialog-close
{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://uservoice.com/images/icons/close.png');
}
a#uservoice-dialog-close
{
background-image: url(http://cdn.uservoice.com/images/icons/close.png);
}
</style>
<a href="YOUR_USERVOICE_PAGE_URL_HERE" id="uservoice-feedback-tab">Feedback</a>
這應該在您的頁面上放置UserVoice選項卡。 您可以根據需要自定義CSS。
請注意,這會跳過UserVoice模式對話框(無論如何在Facebook上都無法正常工作)並將用戶直接帶到UserVoice主頁。
您還可以注冊新的UserVoice Facebook選項卡,該選項卡允許您將UserVoice直接嵌入到您的Facebook頁面中。 那可能是最好的解決方案! (完全披露,我是UserVoice的聯合創始人)
www.uservoice.com/facebook
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.