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/
Related
I'm trying to use the Facebook Send button on an external website to link users to a specific application (an instance of "MyTab") on my client's Facebook Fan page (the link to which looks something like:
https://www.facebook.com/ClientName?sk=app_XXX
I had no trouble embedding the send button on the external website, using the following code:
<div id="fb-root"></div>
<fb:send href="https://www.facebook.com/ClientName?sk=app_XXX"></fb:send>
The problem is, the URL is truncated to https://www.facebook.com/ClientName when it is successfully sent.
How can I preserve the entire link so that users are sent DIRECTLY to the application?
I've tried encoding the url using "urllib" but that didn't work.
I'm stumped!
This is due to OpenGraph meta tags in the URL you use are for Facebook Page, even for Page Tab they represent the page itself leading to link that differs from initial one you've provided.
You may create intermediate page that will handle redirection with javascript to Fanpage Tab Application and providing OpenGraph tags for content that will be displayed in message sent.
My app is my website so I used to put this code in my canvas page so I redirect my users to my website :
<fb:redirect url="http://www.mywebsite.com/" />
but since fbml has been deprecated and will not be supported anymore soon I need to use another method to redirect my users .. is the following code the best I can do or there is another way?
<script type='text/javascript'>top.location.href = 'http://www.mywebsite.com/';</script>
That's right. You can only do a top.location since you are inside an iframe. See more here: Redirect from Facebook canvas page to website
I feel like people have been having the opposite of this problem, I cannot figure how to have links open up outside of fb and not with the iframe.. I am posting material that rests in an FB app hosted by my server. The page has links to other sites, but when they open up they are still in the facebook iframe.
using basic:
<a href= "http...."><b>Blank.com</b>
looks like this
Click link...
I'm a rookie and any help would be great. Thanks
target="_blank" works if you have set up an app for the iframe.
Have you tried the target attribute?
example.com
Does anyone out there have a working example of the Facebook live stream plugin
that exists on a NON facebook webpage (meaning one that isn't located in the facebook domain ie. a canvas app)?
Has anyone successfully managed to integrate the Facebook Live Stream plugin into their site?
I cannot successfully do this using the code given by facebook which is:
<div id="fb-root" ></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=MYAPPID&xfbml=1">
</script><fb:live-stream event_app_id="MYAPPID" width="400" xid=""
height="500" always_post_to_friends="false"></fb:live-stream>
Facebook has almost 0 documentation on this and whatever they do have is vague. I've searched forums regarding the issue but they are all full of people who can't get it to work and no decent solutions posted.
Thanks
The problem here was that I had "accept 3rd party cookies' turned off in my browser and the plugin needed to access these in order to work.
Can someone tell me how to implement facebook recommendation or like on mobile (iPhone, Android) web browser?
I following the guides for plugin approach and FB.ui approach:
http://developers.facebook.com/docs/reference/plugins/like
http://developers.facebook.com/docs/reference/javascript/FB.ui
but, none of them gave a mobile web sharing experience for recommentation/like. All of them give me desktop version of recommendata/like page.
Is there any tutorial or examples for Facebook sharing on mobile web? Can anyone help?
Thanks.
<div id="facebook_code"><iframe src="http://www.facebook.com/plugins/like.php?href=www.facebook.com%2F[FACEBOOK USER NAME OR ID]&layout=standard&show_faces=false&width=250&action=like&colorscheme=dark&height=80" scrolling="no" frameborder="0" class="facebook_like_button" allowTransparency="true">
Using the like button was a little bit of a fit, but here is how you do it.
The class is so you can style and position a div, the code calls facebook's like.php script so no need to include an extra call to a js file. The code I used also removes the pop up box that you can not style with the FB faces in it, it just displays names. Leave enough vertical room, in this case 80px for the text to wrap with the BLANK likes this text.
You might have to open a web view/safari because either way you're going to have to prove that the user is logged into facebook somehow.
I'm not sure their iOS SDK supports this but have a look at it on GitHub and maybe check the forks to see if anyone has found a way to add the like button.
You may also be interested in sharing rich content and media using Kik API. It lets you integrate your mobile app into Kik Messenger and use Kik's own transport and infrastructure to share content with other mobile app users. It is also very simple to integrate - about 5 lines of code, in simpler scenarios. There is more info on Kik API website: http://www.kik.com/dev and http://apiblog.kik.com
Disclaimer: I'm one of the developers behind Kik API :)