谷歌 AMP 放大器推特

Twitter 已成为一种交流思想和新闻的现代方式，并且可以使用嵌入 Twitter推文的amp-twitter轻松嵌入到AMP HTM L 页面中。

所需脚本：将 amp-twitter 组件导入标头。

属性：

• data-tweetid：与 data-momentid 或 data-timeline-source-type 相同。这是 Twitter 推文的 id。例如 – 1009149991452135424。
• data-timeline：将显示 AMP Twitter 帐户的时间线。

例子：

HTML

  

    
    Google AMP amp-twitter
  
    
    
      
    
    
    
  
    
  
    
  
    
        body {
            -webkit-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -moz-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -ms-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
        }
  
        @-webkit-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-moz-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-ms-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-o-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
    
  
    
        
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none
            }
        
    

  

    
    
  
    
    

  

输出：

第一个 amp-twitter 组件的输出

第二个 amp-twitter 组件的输出