Web PDF Viewer for Monetization.
Wall Script
Follow Me:
Monday, June 09, 2014

Web PDF Viewer for Monetization.

Are you working for eLearning projects? then you should know about Mozilla has launched PDF.js a web PDF viewer plugin. This plugin helps you to display PDF files inside HTML code. I did customized PDF.js prebuild structure for easy usage. Take a quick look at this post and it will explain you how to configure, tracking reports(Google Analytics) and monetize your PDF content with HTML page.

Twitter OAuth Status Update using PHP.


Download Script     Live Demo


The plugin contains four folders called build, css, js and images with HTML files.
build
-- pdf.js
css
images
js
-- viewer.js
index.html
file.pdf

viewer.js
Just rename file.pdf with your PDF file.
var DEFAULT_URL = 'file.pdf';
var DEFAULT_SCALE = 'auto';
var DEFAULT_SCALE_DELTA = 1.1;
var UNKNOWN_SCALE = 0;
.......
.......

index.html
Include your advertisement code.
<body tabindex="1">
<div>
// Display advertisement here.
</div>
<div id="outerContainer" class="loadingInProgress">
Was this article helpful?
Thanks! Your feedback helps us to improve 9lessons.info


37 comments:

  1. Very good! Thank you :)

    ReplyDelete
  2. Its Not working ! cant view the pdf file and even on your demo..

    ReplyDelete
  3. Great post man....

    imma give that a shot...

    ReplyDelete
  4. Now transform html article in pdf file, possible ?

    ReplyDelete
  5. please also provide doc and docx viewer

    ReplyDelete
  6. Very nice a article. Many-many thanks to you. I hope this will very helpful for displaying pdf data in html page in specific size as well as specific location on the web page.

    ReplyDelete
  7. The idea seems to be great. Hope other web browsers can follow suit. So we web designers can ensure the same good user experience across browsers.

    ReplyDelete
  8. Usage basic version PDF.js in your sites:

    https://github.com/wcoder/basic-pdf.js

    ReplyDelete
  9. never knowed we could monetize pdf. thanks a lot

    ReplyDelete
  10. Try live demo with modern browsers.

    ReplyDelete
  11. It is so good. But how can i take out the download button. I just view the pdf only, can't download it. please help me.

    ReplyDelete
  12. next, how to generate pdf from php / html...

    would you?

    ReplyDelete
  13. Thanks, great work

    ReplyDelete
  14. hi
    great work
    i like this

    ReplyDelete
  15. Nice that this is only Javascript solution

    ReplyDelete
  16. does it work locally ?


    Anand

    ReplyDelete
  17. Hi, great work.
    How can change the viewer Locale ?
    Thank you

    ReplyDelete
  18. Its not working on the internet explorer 7,8,9

    ReplyDelete
  19. great job, it will be more helpful to those who are maintaining educational blogs to post their pdf files on the website by that users can view entire documnt without downloading .

    ReplyDelete
  20. You can use I-frame as well...

    ReplyDelete
  21. Thank you, this is actually something we were looking into and I didn't know it already existed or was that easy to set up. Thanks for being so generous with your scripts!

    ReplyDelete
  22. Thanks bro..
    for sharing this article.

    ReplyDelete
  23. Hi everyone, i don't think it is secured yet...i was able to download the pdf...infact their was a download button just after the print button....is there anything wrong ?

    ReplyDelete
  24. can i put pdf.js in a iframe or in a section

    ReplyDelete
  25. This is a very good script but I really need to know how to disable the download, open and print functions. Thank you.

    ReplyDelete
  26. PDF.js v1.0.21 (build: f954cde)
    Message: Unexpected server response (204) while retrieving PDF "http://localhost/testando/webpdf/standard.pdf".


    Why this error?

    ReplyDelete
  27. Thanks for knoledge,

    can you please tell me, how to display all thumbnail in sidebar ?

    ReplyDelete
  28. how to pass selected database file name to this default url?

    ReplyDelete
  29. Hello, Nice script. But what is the cmaps folder/files for?. It semes to work with out this folder.

    ReplyDelete
  30. NS_ERROR_DOM_BAD_URI: Access to restricted URI denied i am getting this error

    ReplyDelete

Make in India