Skip to Content

URL / Script mashup content cannot be displayed in a frame

Hello Experts,

i have trouble with implementing a frame which should link to another website.

The problem seems to be in newer frameworks or properties since simple websites as for example wikipedia are working and newer sites are not able to be displayed (like google).

For the binding I just used the one which was chosen by default. In the webUI wikipedia is displayed and google is not.

Please refer to my screenshots.

html-url-wiki.png

html-url-google.png

html-script-google.png

html-script-wiki.png

webui.png

webui-google.png

Are there any properties i can configure to enable the content in the frame?

Kind Regards,

Johannes

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    Feb 06 at 12:18 PM

    Hi Johannes,

    if you check iframe via development tools (inspect element), in console you will notice that google is preventing emebeding their content if request is not coming from their domain

    Cheers,

    Uldis

    Add comment
    10|10000 characters needed characters exceeded

    • Hi Uldis,

      i already did my research on this but didnt update the question.

      If you want to embed google live search you have to create a custom search and there you are able to get the code to embed the live search.

      Still thanks for sharing this information so we have it here.

      Kind Regards,

      Johannes

  • Feb 02 at 05:00 PM

    Hi Johannes,

    Is the issue browser-specific, i.e. have you tried it on other browsers? It might be to do with browser-specific settings.

    Lewis

    Add comment
    10|10000 characters needed characters exceeded

    • Hello Lewis,

      i came to the solution that this issue is not sap specific.

      For example if you want to embed a google live search you need to create a custom google search and they will provide you the necessary url or code to embed the corresponding custom search.

      The following code is an example for my custom search which just searches google as usually.

      <html>
      <body>
      <script>
        (function() {
          var cx = '003527669824775148735:kkcbe7as6xw';
          var gcse = document.createElement('script');
          gcse.type = 'text/javascript';
          gcse.async = true;
          gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(gcse, s);
        })();
      </script>
      <gcse:search></gcse:search>
      </body>
      </html>
      

      All of the code besides the html and body tags are from google. In the html it looks like this

      *Edit: Many websites use X-Frame-Options:SAMEASORIGIN or DENY to disable the usage in iFrames so clickjacking is not abused. Therefore for example google offer embedding services

      Kind Regards,

      Johannes

      google-live.png (2.9 kB)