FBML을 사용하여 Facebook 앱 페이지에 표시하도록 UserVoice 피드백 탭을 얻으려면 어떻게해야합니까?

Question

FBML을 사용하는 Facebook 응용 프로그램이 있는데 내 응용 프로그램 페이지에 UserVoice 피드백 탭 위젯을 포함하고 싶습니다. JavaScript를 복사하여 FBML 페이지에 붙여 넣었지만 Facebook에서 페이지를 렌더링하면 해당 JavaScript가 제거되므로 탭이 표시되지 않습니다.

누구나 Facebook's modified version of JavaScript의 경험이 있고 FBML 페이지에서 UserVoice 탭을 사용할 수 있습니까?

<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> 

Answer 1

는 자바 스크립트를 잊어 :

여기에 자바 스크립트 코드입니다. 다음 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 홈페이지로 이동합니다.

Answer 2

UserVoice를 Facebook 페이지에 직접 삽입 할 수있는 새로운 UserVoice Facebook 탭에 가입 할 수도 있습니다. 그것은 아마도 최고의 솔루션이 될 것입니다!

이