"Taskfeed App" Lightning Component view not loading when embedded in Lightning Page

When embedding the "Taskfeed App" Lightning Component in Lightning Pages if your Salesforce Admin has enabled "Enable clickjack protection for customer Visualforce pages with headers disabled" in Session Settings then the contents of the component will not load and you will see a large white space. Using your browsers Developer Console you are able to inspect the error and you should see a message similar to this:

"an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self' *.my.salesforce.com".

To resolve this issue you will need to Whitelist your Salesforce Orgs URL (what you see in your Browser navigation bar). 

To do this follow these steps:
  1. Start from where you see the blank page which should be on a records detail page. You are going to need to copy the base part of the URL which is the part of the URL between // and /lightning as follows. 



    The part you should copy should:
    <my-domain>.lightning.force.com

  2. From Setup, enter Session Settings in the Quick Find box, then select Session Settings
  3. Find the "Whitelisted Domains for Visualforce Inline Frames" section, choose Add Domain
  4. Paste the base part of the domain that was copied in step 1, then select Save
  5. Navigate back to the record detail page and refresh. The embedded Taskfeed App component should now load.

Feedback and Knowledge Base