I am developing an App in plotly (https://plot.ly) using data from SoundCloud API. I would like to add a SoundCloud icon to my interactive plotly graph to point people to a particular SoundCloud page (plotly installation instructions can be found here: https://plot.ly/r/getting-started/)
Note that a hyperlink can be easily added to a plotly graph
(http://help.plot.ly/adding-HTML-and-links-to-charts/) with the following line of code:
<a href=”type URL here”>Type what you want user to see here </a>
Below is an example code for a SoundCloud icon, which can be embedded in a website: (https://soundcloud.com/pages/embed):
<iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2Frihanna&color=orange_white&size=32" style="width: 32px; height: 32px;"></iframe>
Is it possible to embed this icon in a plotly graph?
Unfortunately, plotly currently only supports the following HTML tags:
sup
sub
b
i
a
span
br
em
So, making that SoundCloud icon appear on a plotly graph is not possible at the moment.
That said, if you're willing to design a full-blown web page, you could easily make a plotly graph using plotly.js and overlay it with the SoundCloud icon.
Related
I'm embedding a facebook video on a page using:
<iframe style="height: 100%; width: 100%;" frameborder="0" marginheight="0"
marginwidth="0" allowfullscreen="true" title="Facebook video player"
src="https://www.facebook.com/video/embed?video_id=' + videoID + '"></iframe>
Is there a way to make the video auto-play, start muted, etc? Other embeddable video players do this by accepting url params. However, I could find no such thing in the documentation.
p.s. I am aware that FB videos can also be embedded using their JS SDK (which does support autoplay), but I am looking for a way to do it using the above method.
Facebook policy does not allow autoplay of embedded content.
You could try to fiddle a way around with some nasty jQuery stuff to fake the click on the play button but this wont last for long, due to frequently code changes. Either use the JS SDK or use a platform like Youtube.
Background
Lately, Facebook added a "carousel" ad format, showing multiple slides in a sponsored post. This is now available for non-business users too.
Facebook example of a carousel ad format
Meta annotation
I am looking for a way to "annotate" my website in a way that it will be showing a carousel in a Facebook post when the url is used in a post. Currently I am using Open Graph (og) meta tags for annotation.
HTML share link
Besides that, I'm looking for a way to add multiple "carousel slides" to a Facebook share link. Currently I am using the following html for Facebook share links:
<a
href="http://www.facebook.com/dialog/feed
?app_id=123
&link=http%3A%2F%2Fmy.url.com
&picture=http%3A%2F%2Fmy.url.com/img.jpg
&name=MyTitle
&caption=MyCaption
&description=MyDescription
&redirect_uri=http%3A%2F%2Fmy.url.com"
target="_blank"
>
Share on Facebook
</a>
Both ways result in the default post format. Can anyone help me with Facebook sharing in carousel format?
This is currently a feature that is being tested and it's not possible to apply for it.
Now this feature is live & when posting on a page select Image format and select carousal, you can add about 6 images to carousal & publish.
I'd like to place my google docs form(for newsletter sign-up) on my facebook page.
using this tutorial I was able to create an app, but no content showed http://www.hyperarts.com/blog/adding-iframe-application-to-facebook-fan-page/
So I wanted to know if there was another way of doing this, or anyway of doing this at all.
I had the same issue with using the iframe that google docs give you and using the url for the application tab on Facebook. The resulting facebook page is blank.
What I did to resolve this is whip up a simple html file that does the embedding from google and placed it on my (ssl encrypted) server. Then I used the url to that file as the application tab URL in my facebook app. Viola it worked.
Is Facebook not allowing embeds from docs.google.com? There's a simple workaround.
Here's the code from my html file on my server with the formkey mangled to protect privacy.
<html>
<body>
<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dGhOU" width="500" height="780" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</body>
</html>
There's a php class that i've been using. It provides functionality to capture form elements into a google doc.
That's a possibility but requires a larger learning curve if you're not familiar with PHP:
http://code.google.com/p/php-form-builder-class/
How can I display a Facebook "likebox" in my website?
You can go make the button right here
Or you can get the "likes" of a page via JSON just by using their Graph API (it's in the returned data here)
Javaamtho may be referring to the like box for facebook pages
http://developers.facebook.com/docs/reference/plugins/like-box/
and here's a nifty tool to customize it a bit
http://prettylikebox.com/
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPAGE_NAME&layout=button_count&show_faces=true&action=like&colorscheme=light&show_faces=true&header=true&stream=true&show_border=true&" style="overflow:hidden;width:100%;height:590px;" scrolling="no" frameborder="0" allowTransparency="true">klj</iframe>
I've been looking at this for ages now and I cant find anything on the net that provides a solution. When trying to use the tag...
...this is embedded on a tab canvas. The 'Like' button appears when using the app locally, however, it doesn't appear when used on the facebook site. I get this error:-
FBML Error (line 264): unknown tag "fb:like"
I have FBML enabled in the settings. I've also tried using the iframe alternative with no luck.
Any ideas?
PS.. I'm using CakePHP
doesn't seem to be available inside Canvas. According to Facebook's document, there is a simple version and a version for XFBML but I can't find the document pointing to that one either. :(
The new documents is a mess.
This is the official document about XFBML like button
http://developers.facebook.com/docs/reference/plugins/like
If you're starting from scratch, you should build a IFrame based Canvas application instead of a FBML based one. IFrame Canvas applications can run normal JavaScript, including the JS SDK which supports the <fb:like> tag, for example: http://apps.facebook.com/fbrelll/xfbml/fb:like.
<div>
<fb:iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true">
</fb:iframe>
</div>
look at this ,using fb:iframe,it works well~~have a try!