I fear I have the same challenge as a previous posters:
Embedding a Google Group - nothing is displayed when not logged into Google
and
How to embed google groups to a web page
The first resolved, but the second unresolved.
Would like to embed a google-group forum into an html page. I am unable to do that following guidance provided by Google Groups using iframe:
<iframe id="forum_embed"
src="javascript:void(0)"
scrolling="no"
frameborder="0"
width="900"
height="700">
</iframe>
<script type="text/javascript">
document.getElementById('forum_embed').src =
'https://groups.google.com/forum/embed/?place=forum/test-distance'
+ '&showsearch=true&showpopout=true&showtabs=false'
+ '&parenturl=' + encodeURIComponent(window.location.href);
</script>
and successfully shown by http://www.jqcoolgallery.com/support.html. I can view this embedded forum, but when applying the same syntax in my html, I do not have success.
I have the same lack of success when viewing either in Firefox 27 or in Internet Explorer 11.
your example works fine for me, see this jsfiddle
complete example code below
<!DOCTYPE html>
<head>
<title>Test</title>
</head>
<body>
<div>
<iframe id="forum_embed"
src="javascript:void(0)"
scrolling="no"
frameborder="0"
width="900"
height="700">
</iframe>
<script type="text/javascript">
document.getElementById('forum_embed').src =
'https://groups.google.com/forum/embed/?place=forum/test-distance'
+ '&showsearch=true&showpopout=true&showtabs=false'
+ '&parenturl=' + encodeURIComponent(window.location.href);
</script>
</div>
</body>
</html>
screenshot:
<iframe id="forum_embed" src="https://groups.google.com/forum/embed/?place=forum/NAMEOFYOURGROUP#!forum/NAMEOFYOURGROUP" scrolling="no" frameborder="0" width="100%" height="700"></iframe>
This will work for you as it did for me.
Yes NAMEOFYOURGROUP appears twice on that iframe.
Don't forget to change NAMEOFYOURGROUP to your group name.
Related
By using epub.js. epub file is parsed into iframe.
like
<iframe id="epubjs-view-2d154c70-dc91-4704-bd66-821ad4de4a9f" scrolling="no" sandbox="allow-same-origin" enable-annotation="true" srcdoc="<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops"><head><base href="http://localhost:4343/text/part0003.html" />
<title></title>
</iframe>
How to get the iframe list by code.
I'm trying to display the results parsed by epub.js in turn.js.
Thanks.
Does anybody have an update on why LinkedIn company page follow button doesn't work anymore?
I generated the code at - https://developer.linkedin.com/plugins/follow-company
Code:
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/FollowCompany" data-id="2656413"></script>
Thanks in advance.
I found solution recently, maybe will work for someone.
<p>
<iframe
id="iframeOne"
src="https://www.linkedin.com/pages-extensions/FollowCompany?id=1337&
counter=top&
class="IN-widget IN-widget--iframe"
scrolling="no"
allowtransparency="true"
frameborder="0"
border="0"
width="1"
height="1"
style="vertical-align: bottom; width: 160px; height: 45px;">
</iframe>
</p>
well when i look at the linkedin website i see the following errors :
error linkedin
so obviously there is something wrong with the code. and because you only load 2 script in. but befor you do that try this :
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/FollowCompany" data-id="accountID" data-counter="none"></script>
this is how used to do it, i dont see much of difference but you could try to add a data-counter and remove the language.
We have integrated AMP analytics script with amp-iframe tag. We can't able to use the amp-analytics tag for various reasons. We need an AMP HTML's referrer information in the iframe for identifying the source of traffic to the AMP page. The amp-iframe src will point to our domain/subdomain. When the AMP page loaded from Google CDN it will be in the different domain. Is there any way to get the referrer of the AMP HTML within amp-iframe HTML?
Please find the example AMP HTML structure
<!doctype html>
<html amp>
<head>
<meta charset="utf-8">
<title>Title of the AMP HTML</title>
<link rel="canonical" href="https://www.example1.com/example-content" />
<script custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" async></script>
<script src="https://cdn.ampproject.org/v0.js" async></script>
</head>
<body>
<amp-iframe class="amp-analytics" width="1" height="1" sandbox="allow-scripts allow-same-origin" frameborder="0" layout="fixed" src="https://iframe.example.com/amp-analytics?query1=value1&query2=value2">
<amp-img src="https://www.example.com/inc/amp/placeholder.png" height="1" width="1" layout="fill" placeholder></amp-img>
</amp-iframe>
<div>Content</div>
</body>
</html>
I am trying to get the referrer information of the AMP HTML inside the iframe https://iframe.example.com/amp-analytics.
Thank you in advance.
I'm embedding a group into a (non-Google) website and getting a blank page.
I've added the code that the 'Manage your Group' gives, which is below.
<iframe id="forum_embed"
src="javascript:void(0)"
scrolling="no"
frameborder="0"
width="900"
height="700">
</iframe>
<script type="text/javascript">
document.getElementById('forum_embed').src =
'https://groups.google.com/forum/embed/?place=forum/the-sophia-club'
+ '&showsearch=true&showpopout=true&showtabs=false'
+ '&parenturl=' + encodeURIComponent(window.location.href);
I have tried removing the &parenturl with no success.
I also tried saving the code on a simple html doc by itself, and it still gives me a blank page.
Here's the code for the single page...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p>Testing</p>
<iframe id="forum_embed"
src="javascript:void(0)"
scrolling="no"
frameborder="0"
width="900"
height="700">
</iframe>
<script type="text/javascript">
document.getElementById('forum_embed').src =
'https://groups.google.com/forum/embed/?place=forum/the-sophia-club'
+ '&showsearch=true&showpopout=true&showtabs=false'
+ '&parenturl=' + encodeURIComponent(window.location.href);
</script>
</body>
</html>
Any ideas on what is going wrong??
The issue is that your document is xhtml instead of html. The two standards are different and Google doesn't seem to like xhtml.
xhtml seems to be dead unfortunately, so try changing to html5. The only required change should be in the doctype declaration.
Also, the embedding didn't work when I opened the page using my web browser pointing to a local directory. However it did work when I uploaded the page to the web server.
I'm using the following iframe tag in my portlet jsp:
<iframe src="http://www.facebook.com/plugins/like.php?href=
<%=url%>&layout=standard&show_faces=false&width=286&action=like&font=arial&colorscheme=light&height=35"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:286px;
height:35px;" allowTransparency="true">
</iframe>
Clicking on like button in firefox redirects to FB login page. However in IE8 it redirects to a blank page.
Following is the url I copied from IE8 browser which shows blank page:
http://www.facebook.com/connect/connect_to_external_page_widget_loggedin.php?social_plugin=like&external_page_url=http%3A%2F%2Flocalhost%3A8080%2Fweb%2Fbates%2Fprofile#_=_
Try disabling IE Protected Mode.
<iframe src="http://www.facebook.com/plugins/like.php?href=
<%=url%>&layout=standard&show_faces=false&width=286&action=like&font=arial&colorscheme=light&height=35"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:286px;
height:35px;" allowTransparency="true">
</iframe>