title: Refused to display..... frame-ancestors https://www.facebook.com
body: <p>I have included Facebook customer chat plugin on my website. It works fine for the first day. From the second day, it's not working. I have seen an error message in Google Chrome console:</p>
  <blockquote>
  <p>Refused to display
  'https://www.facebook.com/v2.11/plugins/customerchat.php?app_id=214160985792954&amp;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&amp;container_width=0&amp;locale=en_US&amp;minimized=false&amp;ref=front-page&amp;sdk=joey'
  in a frame because an ancestor violates the following Content Security
  Policy directive: &quot;frame-ancestors <a href="https://www.facebook.com/%22.%22" rel="nofollow noreferrer">https://www.facebook.com/&quot;.&quot;</a></p>
  </blockquote>
  <p>I googled the solution. Every answer I have seen that this is domain white listing problem.
  But I have whitelisted my domain in Facebook page.</p>
  <p>Here is the process how I white listed my domain</p>
  <ol>
  <li><p>First I go to my page settings</p>
  </li>
  <li><p>Under messenger platform settings I put my domain name for whitelisting</p>
  </li>
  <li><p>I have put my domain name in several patterns. Here I give you my patterns</p>
  </li>
  <li><p><code>https://www.example.com/</code></p>
  </li>
  <li><p><code>https://www.example.com/</code></p>
  </li>
  <li><p><code>https://example.com/</code></p>
  </li>
  <li><p><code>http://www.example.com/</code></p>
  </li>
  <li><p><code>http://example.com/</code></p>
  </li>
  </ol>
  <p>Here is the console error image
  <a href="https://i.stack.imgur.com/mX863.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mX863.png" alt="" /></a></p>