I am currently building a website (not for any profit but just as a personal project) that I want to be as a sort of "directory" with a bunch of different posts from different websites (think of it more like a tutorial website), however I want the posts to show up within my site and don't want to be directed away from my site because then you have to go back to the directory to find more posts.
My initial idea was to have all the posts internally just pop up with the content in an iframe, this worked great for smaller sites but a lot of big sites have iframe blockers (understandably to stop people making profit off of their content).
Is there a way I can embed these posts in my site?
I don't think that is possible. The only way to make this work, is if the post or element from a website supports iframe data. It is like when embedded a YouTube video into a website: they would give you the iframe code to put in your website. It will only work if the developers for the website have created iframe code to use.
For an example, this would be how you can Embed a YouTube video (only works if you are using a computer). This also may work for other platforms like Instagram or Twitter:
Step 1: Click share below the video
Step 2: Click the embed button
Step 3: Copy and paste the code in your website and style it however you want
If the websites you want the posts from have an RSS feed (or another kind of API) set up, you can build an RSS Reader app.
Note that a lot of sites won't expose their whole articles in the RSS feed but only summaries.
Related
I installed some browser SEO tools for Chrome, and they all detect some iframes which I can not find in my HTML.
Could I get some help in detecting them? As far as I know, I dont use any iframes.
The website is: Firstidea.gr
The home page shows 1 iframe, while for example the contact page shows 4 iframes!
Any help to understand the reason behind that, would be greatly appreciated.
As i was searching on your website i saw you use jx_ui_Widget to make contact via chat widget. I know this widget as i used it myself. Well this widget is creating iframes for you.
On the contact page you have the widget and on your homepage you don't.
This widget also creates iframes on other pages to track visitors so you can talk to them live. 1 frame (like the one on your homepage) is for tracking the visitors. The other 3 (or more) is for creating the widget on your page
I have been spending my past week on the Internet to find at least one hint about it. There are no tutorials or even SO questions available. What I am trying to find is that when some website uses some library like oEmbed to embed content of other websites on their website, they fetch embed code from its link. For example, when you post a YouTube link on Facebook or other social networks, they automatically fetch their embed code. I know how to fetch embed code but what I don't know is how to provide embed code that can be fetched by other websites by using a link of my website's content?
I want that my article should be embedded in some special way. Not like the default layout of that website. So is there any META tag or something in HTML where I can put embed code for other websites?
I don't think what you want is possible. You can use special meta-tags that specific sites (e.g.: Facebook, Twitter, Linkedin) will interpret, and that will help you customize the share a little (still using the "host site" style). But as far as I know, there's nothing you can do to provide style/code of your own.
And it makes sense from a security point of view: embedding external code from an unknown source is potentially dangerous and no site would/should allow you to do it. Even if they do allow it, they should pre-process the code and sanitize it (adapting your style/code to their style/code) to prevent possible threats.
As suggested by Alvaro Montoro, I searched on the Internet about how to become an oembed provider. Following are the links I found:
https://timnash.co.uk/becoming-oembed-provider/
http://freear.org.uk/content/5-steps-being-oembed-provider
You may want to use the CSS !important directive.
http://css-tricks.com/when-using-important-is-the-right-choice/
I am developing an HTML5 web app that is mostly being used on mobile devices. It's basically a link discovery app: It shows the user some hopefully interesing links, which the user then can visit. I would like to keep the user in our app though, so that our menu bar always remains at top.
Standard links of course take the users away from our page completely, with no option to return:
The Cheshire Cheese Cat
frames and iframes are discouraged in HTML5. What other options are there?
(What we try to achieve is similar to what Facebook or Twitter are doing. Lots of links are being passed around there, which the user can visit. But he alsway can go back to his news feed, with the Facebook or Twitter menu bar.
If you just want to make links open in a new tab (which is what I would recommend), you can simply use target="_blank":
<!-- opens in a new tab/window (depending on the user's browser) -->
The Cheshire Cheese Cat
Man I think you have to make a good research about HTML5
Html 5 is only a upgrade (in quotes) to the existence html and javascript, iframes are totally valid element and frame you are right they are deprecated. But for at least you dont want to use them or other, iframe are a good way to go for what you want to achieve. If you are going in the iOS or Android plataform I dont sure but I guess should exist some kind of browser object which is what use facebook.
I think you have problems with the cross domain control policy and not because the iframe tag
take a look to this answer
Alternative to iFrames with HTML5
best
And HTML5 is no a new framework is just html and javascript.
I want to add a facebook-like "Wall" to my site, but to make it useful, I want members to be able to enter an external web site URL just like facebook, Linkedin and others do, and I need my site to extract a thumb and page description and display it in the member's feed on their wall. I know facebook tries to use OG tags, and I am not quite sure how LinkedIn and others do it, so my question is:
Are there any PHP or javascript libraries out there to grab, interpret and return the most likely image/description for any random web URL so that I can display that on the member's "wall" wthin my site? I have seen that there are plenty of RSS feed libraries, but I want it to work with any random web page and have it go to work as soon as the member clicks on the "Post" button to add it to their wall.
I know facebook does it immediately when a URL is added to a post, even before the post is published, but I don't need it to work that immediately.
I highly recommend trying out embed.ly. You didn't mention what type of platform you are using, but embed.ly has plugins for Wordpress, Joomla and Drupal, as well as developer code for javascript/jQuery, php, and a couple other languages. You can view it all here: http://embed.ly/docs.
You'll need to sign up for an API key, there is a free version, and if you need to embed more than 10,000 links a month you can start paying.
On a WordPress site I'm developing right now (not open to public, sorry!), I had a similar problem where I need to allow users writing posts or managing the home page to enter a link of just about anything, from static web pages to blog articles to videos.
I followed the instructions on the tutorial page and the functionality I needed was there. -- looks like I don't have enough reputation to post more than one link, but the path is
/docs/tutorials/jquery in the embed.ly site.
So I'm using wordpress to manage a website.
I would like to have the itunes listing displayed in the website.
I saw a site that did this here: http://gungormusic.com/#!/music/
any idea how to do this:
?
I'm looking for the same thing. so far the closest i've seen is this: I'm actually looking too.
http://widgets.itunes.apple.com/builder/
It's too small of a widget for what we want to use though, but it's a start.
The layout and UI above was designed by that website owner. Apple doesn't provide this drop-in functionality.
Check out the iTunes Affiliate program for access to the metadata and tools for linking to iTunes content and access to album art:
http://www.apple.com/itunes/affiliates/resources/
The Search API will get you pretty close to the metadata you need for displaying the podcast you are interested in:
http://itunes.apple.com/lookup?id=498833764
It seems they are making it themselves, in wordpress with custom post types and meta fields... here's the iframe link on the example I gave: http://gungormusic.com/wp-content/themes/skortheme/itunes_iframe.php?s=false&collection_id=562515255
Seems to be a simple hand made solution!