How to show google com in an iframe

Question

I am trying to put google com into an iframe on my website  this works with many other websites including yahoo   But it does not work with google as it just shows a blank iframe   Why does it not render   Are there any tricks to do that   I have tried it in an usual way to show a website in an iframe like this    lt iframe name  I1  id  if1  width  100     height  254  style  visibility visible    src  http   www google com  gt  lt  iframe gt    The google com page does not render in the iframe  it s just blank   What is going on

User · Answer

Its not ideal but you can use a proxy server and it works fine  For example go to hidemyass com put in www google com and put the link it goes to in an iframe and it works

User · Answer

The reason for this is  that Google is sending an  quot X-Frame-Options  SAMEORIGIN quot  response header  This option prevents the browser from displaying iFrames that are not hosted on the same domain as the parent page  See  Mozilla Developer Network - The X-Frame-Options response header

User · Answer

If you are using PHP you can use file get contents   to print the content    lt  php  page   file get contents  https   www google com    echo  page    gt    This will print whatever content file get contents   function gets in this url  Please note that since you are displaying content as string instead as a actual web page  things like relative path images are not shown correctly  because  img myimg jpg is now loading from your server and not from google com anymore   However  you can play with some tricks like str replace   function to replace absolute urls in images    lt  php  page   file get contents  https   www google com    echo str replace  src  img    src  https   google com img    page     gt

User · Answer

This used to work because I used it to create custom Google searches with my own options   Google made changes on their end and broke my private customized search page     No longer working sample below   It was very useful for complex search patterns    lt form method  get  action  http   www google com search  target  main  gt  lt input name  q  value    type  hidden  gt   lt input name  q  size  40  maxlength  2000  value    type  text  gt    web  I guess the better option is to just use Curl or similar

User · Answer

You can solve using Google CSE  Custom Searche Engine   which can be easily inserted into an iframe  You can create your own search engine  that search selected sites or also in entire Google s database   The results can be styled as you prefer  also similar to Google style  Google CSE works with web and images search   google php   lt script gt     function         var cx    xxxxxxxxxxxxxxxxxxxxxx       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            lt  script gt   lt gcse searchresults-only gt  lt  gcse searchresults-only gt    yourpage php   lt iframe src  google php q  lt  php echo urlencode  your query      gt   gt  lt  iframe gt

User · Answer

IT IS NOT IMPOSSIBLE  Use a reverse proxy server to handle the Different-Origin-Problem  I used to using Nginx with proxy pass to change the url of page  you can have a try   Another way is to write a simple proxy page runs on server by yourself  just request from Google and output the result to the client

User · Answer

You can bypass X-Frame-Options in an  using YQL   var iframe   document getElementsByTagName  iframe   0   var url   iframe src  var getData   function  data        if  data  amp  amp  data query  amp  amp  data query results  amp  amp  data query results resources  amp  amp  data query results resources content  amp  amp  data query results resources status    200  loadHTML data query results resources content       else if  data  amp  amp  data error  amp  amp  data error description  loadHTML data error description       else loadHTML  Error  Cannot load     url      var loadURL   function  src        url   src      var script   document createElement  script        script src    https   query yahooapis com v1 public yql q select 20  20from 20data headers 20where 20url 3D 22    encodeURIComponent url      22 amp format json amp diagnostics true amp env store 3A 2F 2Fdatatables org 2Falltableswithkeys amp callback getData       document body appendChild script      var loadHTML   function  html        iframe src    about blank       iframe contentWindow document open        iframe contentWindow document write html replace   lt head gt  i    lt head gt  lt base href      url      gt  lt scr     ipt gt document addEventListener  click   function e    if e target  amp  amp  e target nodeName     A     e preventDefault    parent loadURL e target href         lt  scr     ipt gt          iframe contentWindow document close       loadURL iframe src      lt iframe src  http   www google co in  width  500  height  300  gt  lt  iframe gt    Run it here  http   jsfiddle net 2gou4yen   Code from here  How Can I Bypass the X-Frame-Options  SAMEORIGIN HTTP Header

User · Answer

As it has been outlined here  because Google is sending an  X-Frame-Options  SAMEORIGIN  response header you cannot simply set the src to  http   www google com  in a iframe   If you want to embed Google into an iframe you can do what sudopeople suggested in a comment above and use a Google custom search link like the following   This worked great for me  left  q   blank to start with blank search     lt iframe id  if1  width  100   height  254  style  visibility visible  src  http   www google com custom q  amp btnG Search  gt  lt  iframe gt    EDIT   This answer no longer works  For information  and instructions on how to replace an iframe search with a google custom search element check out  https   support google com customsearch answer 2641279

[html] How to show google.com in an iframe?

Examples related to html