- Beacons or Tracking Pixels
- Server-Side Ajax Proxies
- JSONP (JSON with Padding) or Dynamic Script Injection
- iframes to Display Data or Panels
- Using iframes for Cross-Domain Communication
- Domain-Lowering with iframes
Be sure to review the speaker's notes, as I have a lot of references in there. A few of them refer to an ASP.NET MVC project I used to demo some of the techniques, but I have not included that demo site on this site yet. Most of the interesting ones link to sites that display the techniques in use or have good tutorials on them.
Because many of the engineers I work with are more comfortable in the middle-tier services than with front-end development, I include a brief introduction/history of some of the key pieces and the motivation for learning them now. I also cover other lead-in topics such as:
- Limited Scalability of Server-Side Rendering
- AtomPub, gData, OData, E-Tags
- Caching for pages as well as data with various intermediaries
- Facebook Fan panels, Like Buttons, AdSense and other "embeddable" technologies
It turns out that once companies like Google and Facebook have a valuable repository of information and provide value-add to them, a NEW opportunity arises: SYNDICATION. It is hard to drive traffic to your site beyond some typical growth patterns, advertising, etc. But if you can get others to embed you on their sites, they do the distribution for you and your data, services, and user experience can travel all over the web to where people already are.
The AdSense ads on this very blog are a perfect example of that (they are also about the only secure ad display platform out there). The (now somewhat loathed) Facebook Connect, Facebook Like buttons and iframes that let Facebook see you as you travel across the web are all heavily used, although many engineers are surprised when they find out exactly how they are implemented with "crude, old-school crap" like iframes and domain tricks. I personally find these techniques elegant uses of the standards as documented and HTML5 is expanding on these commonly used techniques to allow more of this type of communication!
Please Enjoy, Comment, and Share the LinkPlease feel free to share the link around and to comment on this blog with any and all feedback. This is the kind of thing I would like to have more complete example projects around if it is helpful, or links to other good posts with implementation details. I am really listening to the commentary, so please, feed me :-)
I really feel strongly that these types of techniques drive some of the most successful companies into incredible growth, visibility, and utility and we can all benefit from learning these techniques, when to use them, and why they are awesome.