표시를 거부했습니다.....frame-flashing https://www.facebook.com

표시를 거부했습니다.....frame-flashing https://www.facebook.com

제 웹사이트에 페이스북 고객 채팅 플러그인을 포함시켰습니다.첫날부터 잘 작동합니다.둘째 날부터 작동이 안 돼요.Google Chrome 콘솔에서 다음 오류 메시지가 표시되었습니다.

' 표시를 거부했습니다.https://www.facebook.com/v2.11/plugins/customerchat.php?app_id=214160985792954&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FlY4eZXm_YWu.js%3Fversion%3D42%23cb%3Df157c0f5ff1898c%26domain%3Dwww.fast-pay.cash%26origin%3Dhttps%253A%252F%252Fwww.fast-pay.cash%252Ff11cff6d515fe88%26relation%3Dparent.parent&container_wid=0& 로라상위 항목이 "frame-security https://www.facebook.com/" 콘텐츠보안 정책 디렉티브를 위반했기 때문에 프레임에 cale=en_US&minimized=false&ref=front-page&sdk=frame'이 포함되어 있습니다.

나는 그 해결책을 검색했다.제가 지금까지 본 모든 답변은 도메인 화이트리스트 문제였습니다.하지만 나는 페이스북 페이지에 내 도메인을 화이트리스트에 올렸어.

다음은 도메인을 화이트리스트에 올린 프로세스입니다.

1. 먼저 페이지 설정으로 이동합니다.

2. 메신저 플랫폼 설정에서 내 도메인 이름을 화이트리스트에 올립니다.

3. 저는 도메인 이름을 여러 가지 패턴으로 입력했습니다.여기 내 패턴을 보여줄게

4. https://www.example.com/

5. https://www.example.com/

6. https://example.com/

7. http://www.example.com/

8. http://example.com/

콘솔 오류 이미지입니다.

이 메시지를 피하려면 다음 두 가지가 필요합니다.

1. HTML 에 올바른 Facebook 페이지 ID 가 설정되어 있는 것을 확인해 주세요.URL 에 표시되는 것이 아니고, 숫자 ID 가 되어 있을 것입니다.https://findmyfbid.com 에서 페이지 번호 ID 를 찾았습니다.

   예:

   <div class="fb-customerchat" page_id="6708927376315932">
   </div>
   

2. [ Your Page ]> [ Settings ]> [ Messenger Platform ]에서 도메인을 화이트리스트로 만듭니다.이것이 도메인과 일치하고 HTTPS 프로토콜을 사용하며 비표준 포트를 사용하는 경우 포트도 포함해야 합니다(그리고 저장 버튼을 누르십시오).

다음과 같은 몇 가지 사항이 있습니다.

1. Facebook 페이지가 공개되었는지 확인
2. Facebook 페이지 설정(Messenger Platform)에서 도메인을 추가합니다.https:// 도메인 이름이 www(또는 도메인 이름이 없음)를 포함하여 정확히 일치하는지 확인하십시오.
3. 올바른 app_id 사용
4. 이 page_id를 사용합니다(3단계와 4단계부터)

채팅 플러그인이 기능하지 않는 경우는, FB에 로그인하고 있고, 페이지 관리자이기 때문일 가능성이 있습니다.순서 1과 2를 확인합니다.

몇 가지 공통점은

• 도메인 이름 화이트리스트

• 페이스북 페이지가 공개되다

• 올바른 페이지 ID(숫자 ID가 있는 경우 URL에 텍스트 ID가 아닌 숫자 ID를 사용해야 합니다)

• referrer 정책이 "referrer 없음"으로 설정되지 않았습니다.

  몇 가지 다른 이유들,

• https를 통해 페이지가 로드되지 않음

• 여러 Facebook sdk 추가

소스, 상세 정보

FB 페이지가 공개되어 있는지 확인합니다.

추가 플러그인이나 CMS 사용에 대해서는 언급하지 않았습니다만, WordPress와 같은 일반 PHP나 CMS를 사용하고 있습니까?당신의 잘못된 구성에 문제가 있는 것 같습니다.Facebook 페이지 ID를 다시 확인해 주세요.추가 플러그 인의 경우는, 반드시 유효하게 해 주세요.

저도 같은 문제가 있었어요.콘솔에서 이 항목을 클릭하면 다음과 같이 표시됩니다.파라미터 페이지_id:잘못된 ID: <107153046051560>

문제는 단순히 << 고객명 >>님에 있었습니다.그래서 그걸 제거했어.

그리고 그것은 성공하였다.당신에게도 효과가 있기를 바랍니다.안부 전해요

그건 페이스북이 아니라 당신 웹사이트에서 온 것 같아요.브라우저는 불량 소스(이 경우 facebook.com)로부터의 iframe 표시를 거부합니다.

읽으셔도 됩니다

• https://developer.mozilla.org/en-US/docs/Web/Security/CSP
• https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

또는 다음 예시와 같이 페이스북에서 요청하면 녹색으로 표시합니다(XSS에 대한 주요 보호 기능을 약화시키므로 이 방법은 권장되지 않습니다).

Stackoverflow 링크: Content-Security-Policy 문제

화이트리스트의 실수나 다른 것에 대한 문제가 아닙니다.구글 크롬 브라우저 문제에 관한 것입니다.파이어폭스로 열면 메신저 채팅에 문제가 없습니다. 크롬에 문제가 있는 것 같습니다.

이 모든 답변에서 알 수 있듯이, 이것은 몇 가지 이유로 일어날 수 있습니다.

단, 테스트 사용자로 로그인한 상태에서 페이지를 로딩하는 경우는, 이 에러의 원인이 됩니다.

"Set Up Customer Chat(고객 채팅 설정)" 페이지에서 FINish(마침) 버튼이 이미 클릭되어 있는지 확인합니다.FINish 버튼이 회색이면 먼저 SAVE 버튼을 클릭합니다.

언급URL : https://stackoverflow.com/questions/47736650/refused-to-display-frame-ancestors-https-www-facebook-com