📜  如何在 Google AMP 中创建浮动 amp-addthis?

📅  最后修改于: 2022-05-13 01:56:20.557000             🧑  作者: Mango

如何在 Google AMP 中创建浮动 amp-addthis?

有时,作为 Web 开发人员,我们希望分享我们的社交媒体链接,为此,我们必须展示社交媒体按钮,而 amp-addthis 仅用于此目的。 amp-addthis 组件集成了 AddThis 浮动栏和内联共享按钮。

设置:您必须在标头中导入 amp-addthis 组件才能使用此标签。

HTML


HTML


  

    
    
      
    
      
    
      
    
      
    GeeksForGeeks | amp-addthis
      
    
  
    
  
    
  
    

  

    

        Geeks For Geeks     

    

        Floating Format     

               


访问此网站https://www.addthis.com/register ,然后创建完全免费的自定义小部件。填写详细信息并创建自定义小部件后,您将被定向到包含代码的页面。将其复制并粘贴到您的程序代码中。

属性:

  1. data-pub-id:它是正在使用的小部件的发布者的发布者 ID。
  2. data-widget-id:它是正在使用的小部件的小部件 ID。
  3. data-widget-type:该属性从浮动和内联描述了小部件的类型。
  4. data-title:它是一个可选属性,它设置工具的标题。如果它不存在,则将采用文档中存在的那个。
  5. data-url:可选属性,用于设置要共享的URL。如果它不存在,则将采用文档中存在的那个。
  6. data-media:它是一个可选属性,用于定义要共享的媒体的 URL。如果它不存在,那么它是未定义的。
  7. data-description:可选属性,用于设置页面的描述。如果它不存在,那么它是未定义的。

例子:

HTML



  

    
    
      
    
      
    
      
    
      
    GeeksForGeeks | amp-addthis
      
    
  
    
  
    
  
    

  

    

        Geeks For Geeks     

    

        Floating Format     

               

输出: