Embed Twitter Percent-encoding - twitter

I was trying to copy the same method to my website by using the below code, but when I implement other twitter user or account, it is not working. Can anyone check if the code format is still working in other Twiiter account?
<iframe border=0 frameborder=0 height=250 width=550 src="https://twitframe.com/show?url=https%3A%2F%2Ftwitter.com%2Fjack%2Fstatus%2F20"></iframe>

I created a JSFiddle and looks like the code is working fine! Tested with two other users and both are loading fine. You have to check if your URL is properly encoded and if you have any adblockers that blocks social media features.
Link: https://jsfiddle.net/ftcz6pdu/4/
Sample code:
<iframe border=0 frameborder=0 height=250 width=550 src="https://twitframe.com/show?url=https%3A%2F%2Ftwitter.com%2FItsSkyLOL%2Fstatus%2F1011166507257270273"></iframe>
<iframe border=0 frameborder=0 height=250 width=550 src="https://twitframe.com/show?url=https%3A%2F%2Ftwitter.com%2FPoppyHarlowCNN%2Fstatus%2F1010899818955333632"></iframe>
The online URL encoder that I used: https://meyerweb.com/eric/tools/dencoder/

Related

UIWebview is not loading youtube videoes in iFrame

In my app I am using UIWebview to Load Html string which is having Text,Image Url and Videos in iFrame.This was working fine till now but recently I came to know that text and image url are loading fine and the video is not loading.I am just getting the blank space which I have allocated for the video but no sign of video.
The video iFrame which I am getting is this:
<iframe width="100%" height="" src="//www.youtube.com/embed/bhRqrw82P3A" frameborder="0" allowfullscreen></iframe>
Please suggest if something has changed in API.
See this difference:
src="//www.youtube.com/embed/bhRqrw82P3A"
src="http://www.youtube.com/embed/bhRqrw82P3A"
If you want to use first one you have to add "http:" into your URL to make it valid link. You can do it very easy by adding some base URL when loading HTML string into UIWebView
NSURL *baseURL = [NSURL URLWithString:#"http:"];
[self.contentWebView loadHTMLString:myHTMLCode
baseURL:baseURL];
<iframe src='http://www.youtube.com/embed/bhRqrw82P3A?modestbranding=1&showinfo=0&fs=0' width='300' height='175' frameborder='0' >
</iframe>
http://jsfiddle.net/tx77b/
//www.youtube.com/embed/bhRqrw82P3A uses scheme depends on server (http or https...etc).
In local HTML it will point to file://www.youtube.com/embed/bhRqrw82P3A.
I make a fake http host for loading:
[webView loadHTMLString:yourHTMLCode baseURL:[NSURL URLWithString:#"http://localhost"]];
This works for me.

IFrame Like Button gives Suspicious URL error

I created a Google Sites site and added a Like button using the IFrame option.
The button looks fine but when a user clicks Like, they receive the following error:
"Sorry, this post contains a suspicious URL: Unknown error".
It looks like a Facebook like issue, since the error message is displayed in a Facebook branded pop-up window.
My site: https://sites.google.com/site/wheresthezbfairlane/
How do I fix this ?
Help!
Thanks
Nick
If you copy pasted the code from the facebook plugin site you might have to remove the 'amp;'s that separate the query strings right after the href attribute.
<iframe src="//www.facebook.com/plugins/like.php?
href=http%3A%2F%2Fwww.facebook.com&width=450&height=80&colorscheme=light&layout=standard&action=like&show_faces=true&send=true"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
So, in the code above just replace '& amp;' with '&'

Display fb and twitter share page on a lightbox

I need some help, is it possible to display fb or twitter share page on the lightbox instead of new popup window ?
I would like to open the url something like this on the lightbox:
twitter:
https://twitter.com/share?text=Check%20out%20Trinity%20Web%20Tech%20-%20http%3A%2F%2Fbit.ly%2FzwYo0C%20via%20#bwg%20http%3A%2F%2Fbit.ly%2Fz6Rc0b
facebook:
http://www.facebook.com/sharer.php?u=http%3A%2F%2Fstaging.creativisite.com%2Fbwg%2F2012%2F03%2F05%2Ftrinity-web-tech%2F&t=Trinity%20Web%20Tech
Currently, when its opened on the lightbox, its display white box.
I think it's because twitter or fb doesn't allow to open in an iframe.
Any workaround would be nice ?
Thanks all
You can use this lightbox with this code :
<a title="This is an Inception ! zoombox inside a zoombox inside a zoombox" href="http://grafikart.fr/zoombox" class="zoombox">Iframe</a>
The final code would give this:
<a title="Twitter" href="https://twitter.com/share?text=Check%20out%20Trinity%20Web%20Tech%20-%20http%3A%2F%2Fbit.ly%2FzwYo0C%20via%20#bwg%20http%3A%2F%2Fbit.ly%2Fz6Rc0b" class="zoombox">Twitter</a>
<a title="Facebook" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fstaging.creativisite.com%2Fbwg%2F2012%2F03%2F05%2Ftrinity-web-tech%2F&t=Trinity%20Web%20Tech" class="zoombox">Facebook</a>

Tweets with "Media" inside

I see some tweets have some kind of HTML embedded. How is it possible to do this?
It certainly is a list of hardcoded partnerships, as #dtt101 suggested.
Evidence: here's a list of partners as taken from their javascript source (the js file with "hogan-more" in it, e.g. at t1-hogan-more-en-201203071014.js ):
edit: updated with domain names from the source
Amazon: www.amazon.com
AolVideo: http://www.aol.com
Apple: http://itunes.apple.com
BlipTV: blip.tv
CNN: http://cnn.com
DailyBooth: dailybooth.com
DeviantArt: http://deviantart.com
Dipdive: http://dipdive.com
Etsy: http://etsy.com
Facebook: https://facebook.com or http://facebook.com
Flickr: https://secure.flickr.com or http://www.flickr.com
Foursquare: www.foursquare.com
GoogleVideo: http://video.google.com
Gowalla: www.gowalla.com
Hulu: http://www.hulu.com
Instagram: instagr.am
JustinTV: http://justin.tv
Kickstarter: kickstarter.com
Kiva: http://www.kiva.org
Livestream: http://www.livestream.com
Lockerz: www.lockerz.com
Meetup: www.meetup.com
MSNBC: http://msnbc.com
MTV: http://mtv.com
NHL: http://www.nhl.com
Photobucket: http://photobucket.com
Photozou: http://photozou.jp
Plancast: plancast.com
Rdio: rdio.com
SlideShare: http://slideshare.com
Twitgoo: http://twitgoo.com
TwitPic: twitpic.com
Twitter: twitter.com
CopiedTwimg: twitter.com
Twimg: twitter.com
TwitVid: www.twitvid.com
Ustream: http://ustream.tv
Vevo: http://vevo.com
Vimeo: vimeo.com
WallStreetJournal: http://online.wsj.com
WashingtonPost: http://washingtonpost.com
WhoSay: www.whosay.com
With: https://with.me or http://with.me
WordPress: wordpress.com
YFrog: yfrog.com
Youtube: www.youtube.com
https://dev.twitter.com/blog/photo-upload-api tells you how it works. There is an API which you can use to attach photos to tweets.
It's based on the oembed standard, but I don't know how you get on the list of approved oembed providers.

How to implement like for facebook and share for twitter with custom text in rails 3

I want to implement like for facebook and share for twitter with custom text. (Means text is already predefined). How can i do that.
I tried these:--
gem 'facebook_share'
addthis.com // as their promotion they are adding #addthis which is obvious for using there services but i want to have that.
Try these two. No need to include any sdk, plugin etc. Nothing. Just copy and paste it on ur view file.
For facebook:--
<iframe src="http://www.facebook.com/plugins/like.php?href=google.com&layout=standard&show_faces=true&width=450&action=recommend&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
for twitter:--
Tweet<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
For twitter:
<a href='https://twitter.com/share?url=google.com&text=Signup>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='//platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','twitter-wjs');</script>
For facebook: you can use the feed method API:
function streamPublish(name, hrefTitle, hrefLink, userPrompt){
FB.ui({ method : 'feed',
message: userPrompt,
link : hrefLink,
caption: hrefTitle,
picture: 'https://www.google.com/images/srpr/logo3w.png'
});
}
function publishStream(){
streamPublish("Stream Publish", "Google", "http://google.com/", "Check it out");
}

Resources