どのようにFacebookの新しいページのリンクuiビューを達成するには？

私の ".com"ウェブページと "facebook page"があります。私の "facebook page"からリンクを共有すると、誰かがモバイルでリンクを開くと、Chrome Buboerが開き、コンテンツが表示されます。どのようにFacebookの新しいページのリンクuiビューを達成するには？

しかし、他のfacebookページからのリンクは、開いたときに右から左にスライドして内容が表示されることがあります。

私はそれを見ようとしましたが、私のページにこの同じ効果を達成する方法については何も見つかりませんでした。

誰かがこれを行う方法について正しい方向に向けることができますか？チュートリアル、ドキュメンテーションまたはそれに関する情報。 Image description

出典

2017-09-30 Cristian Jaralillo Estrada

次の例は、インスタントアーティクルの上位レベルの構造を示しています。各要素の詳細については、このドキュメントの「要素」セクションの詳細を参照してください。

<!doctype html> 
<html lang="en" prefix="op: http://media.facebook.com/op#"> 
    <head> 
    <meta charset="utf-8"> 
    <link rel="canonical" href="http://example.com/article.html"> 
    <meta property="op:markup_version" content="v1.0"> 
    </head> 
    <body> 
    <article> 
     <header> 
     <!-- The title and subtitle shown in your Instant Article --> 
     <h1>Article Title</h1> 
     <h2>Article Subtitle</h2> 

     <!-- The date and time when your article was originally published --> 
     <time class="op-published" datetime="2014-11-11T04:44:16Z">November 11th, 4:44 PM</time> 

     <!-- The date and time when your article was last updated --> 
     <time class="op-modified" dateTime="2014-12-11T04:44:16Z">December 11th, 4:44 PM</time> 

     <!-- The authors of your article --> 
     <address> 
      <a rel="facebook" href="http://facebook.com/brandon.diamond">Brandon Diamond</a> 
      Brandon is an avid zombie hunter. 
     </address> 
     <address> 
      <a>TR Vishwanath</a> 
      Vish is a scholar and a gentleman. 
     </address> 

     <!-- The cover image shown inside your article --> 
     <figure> 
      <img src="http://example.com/path/to/img.jpg" /> 
      <figcaption>This image is amazing</figcaption> 
     </figure> 

     <!-- A kicker for your article --> 
     <h3 class="op-kicker"> 
      This is a kicker 
     </h3> 

     </header> 

     <!-- Article body goes here --> 

     <!-- Body text for your article --> 
     <p> Article content </p> 

     <!-- A video within your article --> 
     <figure> 
     <video> 
      <source src="http://example.com/path/to/video.mp4" type="video/mp4" /> 
     </video> 
     </figure> 

     <!-- An ad within your article --> 
     <figure class="op-ad"> 
     <iframe src="https://www.adserver.com/ss;adtype=banner320x50" height="60" width="320"></iframe> 
     </figure> 

     <!-- Analytics code for your article --> 
     <figure class="op-tracker"> 
      <iframe src="" hidden></iframe> 
     </figure> 
    <footer> 
    <!-- Credits for your article --> 
    <aside>Acknowledgements</aside> 

    <!-- Copyright details for your article --> 
    <small>Legal notes</small> 
    </footer> 
</article>

また、このチュートリアルを見てすることができます - https://developers.facebook.com/docs/instant-articles/faq/

出典

2017-10-01 00:29:18 Farruh

このリンクは質問に答えるかもしれないが、ここでは答えの重要な部分を含めた方がよいと提供リンクを参照してください。リンクされたページが変更された場合、リンクのみの回答は無効になります。 - [レビューの投稿]（レビュー/低品質の投稿/ 17494525） – iankit

回答を編集しました – Farruh

どのようにFacebookの新しいページのリンクuiビューを達成するには？

答えて

関連する問題