How can I conditionally hide dynamic web content from read-later services (ie Instapaper, Pocket)?

Question

I'm building a single-page website that contains a javascript "calculator" that let's users input custom values and see an output immediately.

I don't expect this to work if my page is scraped by a service like instapaper for users to read later from a kindle (for example).

Is there a way for me to show a conditional message for these users (like "visit example.com for the full calculator") or to hide this section entirely?

@ManofSnow maybe I didn't explain it well enough... I want to conditionally hide a block of HTML — Sam Pierce Lolla, Jan 05 '14 at 13:32

hitecherik · Answer 1 · 2014-01-05T18:26:56.140

1

Opting Out

Most read later services offer ways of blocking your site from their read later functions. Here are the links for the most common ones:

Instapaper: http://www.instapaper.com/publishers
Readability: http://help.readability.com/customer/...
Pocket: http://help.getpocket.com/customer/port... (couldn't find the specific page, so this is just the "contact us" page)

Specifying content to be displayed

Pocket: No specific guidelines.
Instapaper: They use the Open Graph Protocol (doesn't really tell you how to remove content though)
Readability: Article Publishing Guidelines (very easy to understand)

edited Jan 05 '14 at 18:26

answered Jan 05 '14 at 17:24

hitecherik

442
2
13

+1, thanks @hitecherik. In this case thoygh, I only want to block a portion of a page, like a single div (in this case, my "calculator" section). I dont want to block my entire site--in fact, I'd like to encourage instapaper use for the rest of the page. If you can explain how to do that with the docs you linked to, I'll accept this answer. – Sam Pierce Lolla Jan 05 '14 at 17:55

How can I conditionally hide dynamic web content from read-later services (ie Instapaper, Pocket)?

1 Answers1

Opting Out

Specifying content to be displayed