AddToAny Share Buttons

描述

The AddToAny Share Buttons plugin for WordPress increases traffic & engagement by helping people share your posts and pages to any service. Services include Facebook, Mastodon, Pinterest, WhatsApp, LinkedIn, Threads, Bluesky, Tumblr, Reddit, X, WeChat, and many more sharing and social media sites & apps.

AddToAny是通用分享的家,而AddToAny插件是WordPress最受欢迎的分享插件,自2006年以来使网站可以使用社交媒体。

分享按钮

  • 标准分享按钮 – 分享每篇内容。
  • 浮动分享按钮 – 响应式和可定制,垂直与水平。
  • 计数器-快速且正式的显示分享次数
  • Follow buttons — social media links to your Instagram, YouTube, Discord, Snapchat
  • 图片分享按钮 – 用于分享图片的分享按钮。
  • 矢量分享按钮和关注按钮 – 自定义颜色SVG图标。
  • 自定义分享按钮图标–如果您喜欢,请使用您自己的图标。
  • Official buttons including the Facebook Like Button, Pinterest Save Button, and LinkedIn Share Button
  • 通用电邮分享使其能够轻松地通过Gmail、Yahoo Mail、Outlook.com(Hotmail)、AOL Mail以及任何其他网络或本地应用程序进行分享。

自定义位置和外观

  • 在内容之前,在内容之后,或在内容之前&之后。
  • 垂直浮动分享栏和水平浮动分享栏
  • 可以作为节码,或主题布局中的小工具。
  • 通过模板标签进行编程

分析集成

  • 谷歌分析集成(访问指南)用于分享分析。
  • 使用Bitly和自定义URL缩短器跟踪分享链接。
  • 在文章和页面上显示分享次数

WordPress优化

  • 异步加载,因此您的内容会在AddToAny之前加载或与AddToAny并行加载
  • 支持HTML5、小工具、无限滚动、文章形式等主题功能。
  • 支持WooCommerce、多语站点、多站点网络和无障碍标准。
  • AddToAny是免费的–无需注册,无需登录,无需账户管理。

移动优化和视网膜就绪

  • AddToAny让用户可以选择从服务的原生应用或从WEB应用进行分享。
  • 响应式浮动分享按钮默认为移动设备,可配置的断点使浮动按钮适用于任何主题。
  • AddToAny的SVG图标在任何尺寸下都超轻巧且像素完美,并且AddToAny的自适应分享菜单适合所有显示器
  • AMP(加速移动页面)自动支持AMP页面上的社交分享按钮。

可定制和可扩展

广泛支持

  • 超过10年的开发
  • Over 16 million downloads
  • 已被翻译成几十种语言
  • 持续不断的社区支持

本插件一直致力于成为最好的WordPress分享插件。开发的动力来自于您的有好评价和反馈。

分享此插件

另请参见:

AddToAny博客 | 隐私政策

屏幕截图

  • AddToAny矢量分享按钮(SVG图标)像素完美,可定制
  • 当访问者使用“通用分享”按钮时会下拉的迷你分享菜单
  • 完整的通用分享菜单模式,包括所有服务。
  • 标准分享按钮的设置
  • 浮动分享栏的设置

安装

在WordPress中:

  1. 转到插件> 安装插件> 搜索addtoany
  2. 点按“立即安装”获取AddToAny插件
  3. 点按 “启用插件”

手动安装:

  1. add-to-any目录上传至/wp-content/plugins/目录。
  2. 通过WordPress中的 “插件 “菜单启用该插件。

WP-CLI安装:

  1. wp plugin install add-to-any --activate

常见问题

选项在哪,如何定制分享插件?

在WordPress中,进入设置> AddToAny。

使用 “外观>小工具”(或 “外观>自定义”)中的AddToAny 关注小工具设置关注按钮(如Instagram、YouTube等)。

要进一步定制AddToAny,请参阅WordPress分享文档中的AddToAny插件。许多定制将让你复制& 粘贴一行或多行代码到你的 “附加JavaScript “或 “附加CSS “框中。这些框在设置 > AddToAny中。

出了点问题。我应尝试先如何操作?

尝试暂时切换主题和禁用其他插件,以确定可能存在的问题。如果找到了问题,请尝试联系该主题或插件作者。如果在禁用所有其他插件的情况下,在默认主题下仍然存在问题,请搜索WordPress插件的支持论坛

欢迎在这里发帖,希望社区可以帮助到您。请描述您的问题,您已经做了哪些故障排除步骤,提供您网站的链接,以及任何其他可能的相关信息。

我的分享按钮无法显示。为什么,我应尝试如何操作?

您自己的设备/浏览器/连接上的某些内容可能会过滤掉主要的社交按钮。

尝试另一网络浏览器、设备和/或互联网连接,以查看按钮是否出现。诸如browserling.com或browserstack.com等类型的工具可以让您了解其他人查看的内容。此种不常见问题的通常原因是第三方浏览器附加软件,它可以阻止广告,并选择性地过滤掉主要的社交按钮。一些安全应用程序和互联网连接有一个过滤社交的选项。通常社交过滤选项默认为禁用,但如果您发现某些软件不适当地过滤了AddToAny按钮,请让AddToAny知道

分享的节码是什么?

您可以通过插入下面的节码,将您的分享按钮准确地放在您想要的地方。

[addtoany]

自定义分享网址,如:

[addtoany url="https://www.example.com/page.html" title="Some Example Page"]

通过指定以英文逗号分隔的服务代码来显示特定的分享按钮。

[addtoany buttons="facebook,mastodon,email"]

将特定的图片或视频分享到某些接受任意媒体的服务(Pinterest、Yummly、Houzz)。

[addtoany buttons="pinterest,yummly,houzz" media="https://www.example.com/media/picture.jpg"]

对于Facebook的分享,如何设置Facebook使用的缩略图和描述?

Facebook希望分享页面的标题、描述和预览图片能在共享页面的Open Graph meta标签中定义。

在您的页面上使用Facebook的分享调试工具,查看Facebook如何读取您的网站。”Scrape Again “可测试网站更改并清除 Facebook 的页面缓存,或使用 Batch Invalidator清除 Facebook 的多个 URL 缓存。

要更改Facebook的标题、描述和/或图片,您的主题header文件应该根据Facebook的OpenGraph规范进行修改。在WordPress中,这可以通过插件来实现,例如Yoast SEOAll in One SEO Pack的社交元信息功能。请查看这些插件的详细信息,并在WordPress或插件作者的论坛上发帖寻求更多支持。

有关设置页面以进行 Facebook 分享的更多技术信息,请参阅 Facebook 文档中的 “网站分享最佳实践”。

为什么分享链接要通过AddToAny路由?

AddToAny routing enables publisher customization, visitor personalization, and keeps the AddToAny plugin remarkably lightweight without the need for constant plugin updates. In AddToAny menus, visitors see the services they actually use. On mobile, AddToAny presents the choice of sharing to a service’s native app or mobile site and the preference is used on the next share. Publishers take advantage of AddToAny services such as email templates, custom parameters, URL shorteners, localization, and more. Just as service icons change, service endpoints change too, and AddToAny is updated daily to reflect service endpoint and API changes.

Instagram、YouTube、Snapchat等按钮在哪里?

通过在 “外观”>”自定义 “或 “外观”>”小工具 “中添加 “AddToAny 关注”小工具来配置您的社交媒体个人资料链接。

如何使用自定义图标?

将分享图标上传到单个目录中的公开位置,并确保图标文件名与AddToAny插件中打包的图标文件名一致。在WordPress中,进入设置>AddToAny>高级选项>勾选 “使用自定义图标 “复选框,并指定您的自定义图标目录的URL(包括尾部的/)。对于AddToAny的常用按钮,转到常用按钮,选择 “图像URL “并指定您的AddToAny常用分享图标的确切位置(包括文件名)。

如何在网站的特定区域放置分享按钮?

在主题编辑器(或其他代码编辑器)中,将此代码块放置在您希望按钮和每个图标出现在主题中的位置:

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { ADDTOANY_SHARE_SAVE_KIT(); } ?>

您可以指定AddToAny服务代码来显示特定的分享按钮,例如:

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 
        'buttons' => array( 'facebook', 'mastodon', 'email', 'whatsapp' ),
    ) );
} ?>

自定义分享的URL和标题。

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 
        'linkname' => 'Example Page',
        'linkurl'  => 'https://example.com/page.html',
    ) );
} ?>

分享当前的URL和标题(客户端检测)。

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 'use_current_page' => true ) );
} ?>

对要分享的当前URL进行硬编码并修改标题(服务器端)。

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 
        'linkname' => is_home() ? get_bloginfo( 'description' ) : wp_title( '', false ),
        'linkurl'  => esc_url_raw( home_url( $_SERVER['REQUEST_URI'] ) ),
    ) );
} ?>

将特定的图片或视频分享到某些接受任意媒体的服务(Pinterest、Yummly)。

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 
        'buttons'   => array( 'pinterest', 'yummly' ),
        'linkmedia' => 'https://www.example.com/media/picture.jpg',
        'linkname'  => 'Example Page',
        'linkurl'   => 'https://www.example.com/page.html',
    ) );
} ?>

如何在站点的特定区域放置关注按钮?

请参阅支持的关注服务获取服务代码名称,然后将此示例代码放置在您希望关注按钮出现的主题文件中。

<?php if ( function_exists( 'ADDTOANY_FOLLOW_KIT' ) ) {
    ADDTOANY_FOLLOW_KIT( array(
        'buttons' => array(
            'facebook'  => array( 'id' => 'zuck' ),
            'instagram' => array( 'id' => 'kevin' ),
            'tumblr'   => array( 'id' => 'photomatt' ),
        ),
    ) );
} ?>

如何添加自定义分享按钮?

您可以使用如Code Snippets等插件,添加以下PHP代码示例。

function addtoany_add_share_services( $services ) {
    $services['example_share_service'] = array(
        'name'        => 'Example Share Service',
        'icon_url'    => 'https://www.example.com/my-icon.svg',
        'icon_width'  => 32,
        'icon_height' => 32,
        'href'        => 'https://www.example.com/share?url=A2A_LINKURL&title=A2A_LINKNAME',
    );
    return $services;
}
add_filter( 'A2A_SHARE_SAVE_services', 'addtoany_add_share_services', 10, 1 );

如何添加自定义关注按钮?

您可以自定义下面的PHP代码示例,并将其添加到 “功能 “插件中,如Code Snippets插件。

function addtoany_add_follow_services( $services ) {
    $services['example_follow_service'] = array(
        'name'        => 'Example Follow Service',
        'icon_url'    => 'https://www.example.com/my-icon.svg',
        'icon_width'  => 32,
        'icon_height' => 32,
        'href'        => 'https://www.example.com/${id}',
    );
    return $services;
}
add_filter( 'A2A_FOLLOW_services', 'addtoany_add_follow_services', 10, 1 );

如何将标准分享按钮与文章的中心或右侧对齐?

这取决于您的主题,可以尝试在 “设置”>”AddToAny “中的附加CSS框中添加以下CSS代码。

要右对齐:

.addtoany_content { text-align:right; }

要居中对齐:

.addtoany_content { text-align:center; }

如何从单篇文章和页面中移除按钮?

当编辑文章或页面时,取消选中WordPress编辑器旁边的 “显示分享按钮”。确保通过更新或发布来保存您的更改。

之前的方法是在您不希望按钮出现的页面或文章的(HTML标签)中插入以下标签。<!--nosharesave-->

如何强制让按钮出现在每篇文章和页面中?

当编辑文章或页面时,请勾选位于WordPress编辑器旁边的”显示分享按钮”复选框。确保更新或发布以保存您的更改。请注意,默认情况下,AddToAny被设置为在所有文章和页面上显示。

之前的方法是将以下标签插入到您希望按钮出现的页面或文章的(HTML标签)中。<!-sharesave-->

如何从分类页或标签/作者/日期/搜索页中移除按钮?

前往 “设置”>”AddToAny”>取消勾选 “在归档页、文章的顶部或底部显示”。归档页面包括分类、标签、作者、日期以及搜索页。

如何以编码方式移除按钮?

您可以使用过滤器(PHP代码)禁用AddToAny共享,您也可以将其添加到 “功能 “插件中,例如Code Snippets插件。

在特定分类中禁用AddToAny分享,例如:

function addtoany_disable_sharing_in_some_categories() {
    // Examples of in_category usage: https://codex.wordpress.org/Function_Reference/in_category
    if ( in_category( array( 'my_category_1_slug', 'my_category_2_slug' ) ) ) {
        return true;
    }
}
add_filter( 'addtoany_sharing_disabled', 'addtoany_disable_sharing_in_some_categories' );

在特定文章类型中禁用AddToAny分享,例如:

function addtoany_disable_sharing_on_my_custom_post_type() {
    if ( 'my_custom_post_type' == get_post_type() ) {
        return true;
    }
}
add_filter( 'addtoany_sharing_disabled', 'addtoany_disable_sharing_on_my_custom_post_type' );

如何将垂直浮动的分享按钮栏相对于内容定位?

转到设置> AddToAny > 浮动 > 选择 “附加到内容”,然后输入与你要附加的HTML元素相匹配的CSS选择。

AddToAny是否兼容GDPR?

是的,AddToAny默认是兼容GDPR的

内容插入后如何用Ajax和无限滚动加载按钮?

AddToAny支持标准post-load事件

Ajax和无限滚动插件/主题会在插入内容后运行post-load事件,因此请插件和主题作者根据需要提供标准的post-load支持

使用下面的行来为AddToAny和其他插件调用post-load事件。

jQuery( 'body' ).trigger( 'post-load' );

如何将该插件设置为 “必须使用 “的插件,为所有站点自动加载并启用?

add-to-any插件目录上传到/wp-content/mu-plugins/目录下。然后在mu-plugins目录下创建一个代理PHP加载文件(如load.php),例如:

<?php require WPMU_PLUGIN_DIR . '/add-to-any/add-to-any.php';

评价

2024 年 8 月 21 日 4 回复
It does everything you need it to, and it’s not limited to Facebook, Twitter, and Instagram. It’s one of the only sharing plugins that allows you to add a button to directly just copy the link. It’s the only sharing plugin I could find that includes Bluesky and Mastodon and large mainstream social networks. You can customize the colour of the sharing buttons, which is a huge plus for coordinated branding on your site. And final note, it is not intuitive to change the padding around the sharing buttons. Here’s the CSS I used (in the plugin settings): .addtoany_content { text-align:center; padding-top: 30px; } To the developer: Thank you for spending time making this plugin available to everyone!
2024 年 8 月 12 日
After installed and configured, it only appears on my computer, if I open the page on other computers it is as if I had nothing installed and there is also no easy communication with support
阅读所有1,096条评价

贡献者及开发者

“AddToAny Share Buttons” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

「AddToAny Share Buttons」插件已被翻译至 27 种本地化语言。 感谢所有译者为本插件所做的贡献。

将“AddToAny Share Buttons”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.8.11

  • Update AddToAny core script loading
  • Add changelog.txt to the plugin directory

See changelog.txt in the plugin’s directory for the full changelog.