FBインスタントアーティクル：インスタントアーティクル内にPDFファイルを表示できますか？

Question

私はfacebook instant articlesを初めて利用しています。 私は政治的研究を表すためにPDFファイルに依存するウェブサイトを持っています。ウェブサイトの各記事（ページ）にはPDFファイルが含まれています。 インスタントアーティクル内にPDFファイルを表示する方法はありますか？

Answer 1

インスタントアーティクルは、PDF形式をサポートしていません。 hereBUTあなたはまだop-interactive（埋め込み）としてpdfを表示できるはずです。ここではドキュメントを参照してください： https://developers.facebook.com/docs/instant-articles/reference/embeds

それあなたが例えば、pdf.jsのようなものを使用してホストされているページにjsのスクリプトをインラインやポイントを追加することができますするか、基本的にはiframeのです。ここ

はpdf.jsを仮定して、いくつかの例は、次のとおり

埋め込みOP-インタラクティブ（未テストは、彼らのgithubのドキュメントから取得）：

<figure class="op-interactive"> 
    <iframe> 
     <script> 
      var url = './helloworld.pdf'; 
      PDFJS.workerSrc = 'http://yourdomain.com/build/pdf.worker.js'; 
      PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) { 
       pdf.getPage(1).then(function getPageHelloWorld(page) { 
        var scale = 1.5; 
        var viewport = page.getViewport(scale); 
        var canvas = document.getElementById('the-canvas'); 
        var context = canvas.getContext('2d'); 
        canvas.height = viewport.height; 
        canvas.width = viewport.width; 
        var renderContext = { 
         canvasContext: context, 
         viewport: viewport 
        }; 
        page.render(renderContext); 
       }); 
      }); 
     </script> 
    </iframe> 
</figure> 

URL基づいてOP-インタラクティブ：

<figure class="op-interactive"> 
    <iframe src="https://yourdomain.com/pdfembed.html" width="600" height="600"></iframe> 
</figure> 

現時点では他の方法はありません。