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.
Related
I am trying to have my iframe with Google Drive folder elements in it automatically readjust its height as elements are added and deleted with David Bradshaw's iframe-resizer library. I am using Flask to create the web application and have added the relevant files (iframeResizer.contentWindow.min.js and iframeResizer.min.js) to my static/js folder.
Here is the error I am getting in my console:
iframeResizer.min.js:8 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://drive.google.com') does not match the recipient window's origin ('http://127.0.0.1:5000').
Here is my code:
<iframe id="myIframe" src="https://drive.google.com/embeddedfolderview?id=FOLDERID#grid" frameborder="0" style="width: 1px; min-width: 100%;" scrolling="no"></iframe>
<script type="text/javascript" src="{{ url_for('static', filename='js/iframeResizer.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/iframeResizer.contentWindow.min.js') }}"></script>
<script type="text/javascript">
iFrameResize({log:true}, '#myIframe');
</script>
Is this possible to do with the iframe-resizer library? And if so, am I making any mistakes here?
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 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.
I'm working on this facebook app page.
The iframe's height is stuck at 800px, but the iframe's content is much taller. I googled around for ways to adjust the iframe's height and I ended up on this facebook dev page.
and from that I came up with this...
<div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
FB.Canvas.setSize();
</script>
But it's not working. Any idea what I'm doing wrong?
use
Fb.canvas.setAutoGrow()
see this reference
https://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoGrow/
that might be helpful.
my website has an image slider using Jquery. If a user turns off javascript what is the alternative way of just showing a static image?
Use the noscript tag:
<noscript>
<img src="no-js.png" />
</noscript>
If you add:
<img id="fallback" src="fallback.jpg"/>
in the area you want the fallback image to go, you can add the following javascript:
document.getElementById("fallback").style.display = "none";
This will hide the image when javascript is enabled and the image will be displayed if javascript is not present.
The HTML noscript tag
<script type="text/javascript">
...
</script>
<noscript>
...
</noscript>