AddToAny Share Buttons

FAQ

Where are the options, and how can I customize the sharing plugin?

WordPress で、設定 > AddToAny に移動します。

外観 > ウィジェット (または 設定 > カスタマイズ) の AddToAny フォロー ウィジェットを使用して、フォロー ボタン (Instagram、YouTube など)を設定します。

To further customize AddToAny, see the WordPress sharing documentation for the AddToAny plugin. Many customizations will have you copy & paste one or more lines of code into your “Additional JavaScript” or “Additional CSS” box. Those boxes are in Settings > AddToAny.

どうもうまくいきません。まずは何を試してみたらよいでしょうか。

Try temporarily switching themes and deactivating other plugins to identify a potential conflict. If you find a conflict, try contacting that theme or plugin author. If an issue persists on a default theme with all other plugins deactivated, search the WordPress plugin’s support forum.

Feel free to post here, where the community can hopefully help you. Describe the issue, what troubleshooting you have already done, provide a link to your site, and any other potentially relevant information.

共有ボタンが表示されません。なぜですか ? 何を試すべきですか ?

Something on your own device/browser/connection is likely filtering out major social buttons.

Try another web browser, device, and/or Internet connection to see if the buttons appear. Tools like browserling.com or browserstack.com will give you an idea of what other people are seeing. The usual cause for this uncommon issue is 3rd party browser add-on software that blocks ads and optionally filters out major social buttons. Some security apps and Internet connections have an option to filter social buttons. Usually a social filter option is disabled by default, but if you find that some software is inappropriately filtering AddToAny buttons, let AddToAny know.

What is the shortcode for sharing?

次のショートコードを挿入して、共有ボタンを目的の場所に正確に配置できます:

[addtoany]

共有 URL を次のようにカスタマイズします:

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

カンマ区切りのサービスコードを指定して、特定の共有ボタンを表示します:

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

Share a specific image or video to certain services that accept arbitrary media (Pinterest, Yummly, Houzz):

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

For Facebook sharing, how can I set the thumbnail image and description Facebook uses?

Facebook では、共有ページのタイトル、説明、プレビューの画像が共有ページの Open Graph メタタグ で定義されることを期待しています。

Use Facebook’s Sharing Debugger on your pages to see how Facebook reads your site. “Scrape Again” to test site changes and clear Facebook’s cache of a page, or use the Batch Invalidator to purge Facebook’s cache of multiple URLs.

To change the title, description and/or image on Facebook, your theme’s header file should be modified according to Facebook’s OpenGraph specification. With WordPress, this can be accomplished with plugins such as Yoast SEO or the Social Meta feature of the All in One SEO Pack. Please see those plugins for details, and post in the WordPress or plugin author’s forums for more support.

Facebook 共有用のページ設定の技術的な情報については、Facebook のドキュメントの「Sharing Best Practices for Websites」を参照してください。

リンクを共有して AddToAny を経由する理由

AddToAny ルーティングは、パブリッシャーのカスタマイズ、訪問者のパーソナライゼーションを可能にし、AddToAny プラグインを常に更新する必要がなく、驚くほど軽量に保つことができます。AddToAny メニューでは、訪問者は実際に使用するサービスを見ることができます。モバイルでは、AddToAny は、サービスのネイティブアプリまたはモバイルサイトへの共有の選択肢を提示し、次の共有ではその選択肢が使用されます。パブリッシャーは、メールテンプレート、Twitter テンプレート、カスタムパラメータ、URL ショートナー、ローカリゼーションなど、AddToAny のサービスを利用しています。サービスアイコンが変わるように、サービスエンドポイントも変わり、AddToAny はサービスエンドポイントや API の変更を反映して毎日更新されます。

Where are buttons such as Instagram, YouTube, Snapchat?

Configure your social media profile links by adding the “AddToAny Follow” widget in Appearance > Customize or Appearance > Widgets.

カスタムアイコンはどのように使用できますか？

Upload sharing icons in a single directory to a public location, and make sure the icon filenames match the icon filenames packaged in the AddToAny plugin. In WordPress, go to Settings > AddToAny > Advanced Options > check the “Use custom icons” checkbox and specify the URL to your custom icons directory (including the trailing /). For AddToAny’s universal button, go to Universal Button, select “Image URL” and specify the exact location of your AddToAny universal share icon (including the filename).

How can I place the share buttons in a specific area of my site?

テーマ エディター (または他のコード エディター) で、ボタンと個々のアイコンをテーマに表示する場所に、次のコード ブロックを配置します:

<?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',
    ) );
} ?>

To share the current URL and title (detected on the client-side):

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

To hardcode the shared current URL and modify the title (server-side):

<?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'] ) ),
    ) );
} ?>

To share a specific image or video to certain services that accept arbitrary media (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',
    ) );
} ?>

How can I place the follow buttons in a specific area of my site?

See the supported follow services for service code names, then place this example code in your theme’s file(s) where you want the follow buttons to appear:

<?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 );

How can I add a custom follow button?

次の 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 );

How can I align the standard sharing buttons to the center or to the right side of posts?

It depends on your theme, but you can try adding the following CSS code to your Additional CSS box in Settings > AddToAny.

To align right:

.addtoany_content { text-align:right; }

To align center:

.addtoany_content { text-align:center; }

How can I remove the button(s) from individual posts and pages?

When editing a post or page, uncheck “Show sharing buttons”, which is located next to the WordPress editor. Be sure to update or publish to save your changes.

An older method was to insert the following tag into the page or post (HTML tab) that you do not want the button(s) to appear in: <!--nosharesave-->

How can I force the button(s) to appear in individual posts and pages?

When editing a post or page, check the “Show sharing buttons” checkbox, which is located next to the WordPress editor. Be sure to update or publish to save your changes. Note that, by default, AddToAny is setup to display on all posts and pages.

An older method was to insert the following tag into the page or post (HTML tab) that you want the button(s) to appear in: <!--sharesave-->

How can I remove the button(s) from category pages, or tag/author/date/search pages?

設定 > AddToAny > “アーカイブ ページの投稿の上部または下部に表示” チェック ボックスをオフにします。アーカイブページには、カテゴリ、タグ、作成者、日付、検索ページがあります。

プログラムを通じてボタンを削除するにはどうすればよいですか ?

You can disable AddToAny sharing using a filter (PHP code) that you can add to a “functionality” plugin such as the Code Snippets plugin.

特定のカテゴリでの 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' );

How can I position a vertical floating share buttons bar relative to content?

設定 > AddToAny > フローティング > で「コンテンツに添付」を選択し、添付したい HTML 要素に一致する CSS セレクタを入力してください。

Is AddToAny GDPR compatible?

Yes, AddToAny is GDPR compatible by default.

How can I load the buttons after content insertion with Ajax and infinite scroll?

AddToAny は 標準 post-load イベントをサポートしています。

Ajaxと無限スクロールプラグイン/テーマは、常に post-load コンテンツの挿入後にイベントを発生させる必要がありますので、必要に応じてプラグイン&テーマの作成者から 標準 post-load のサポート を要求します。

次の行を使用して、AddToAny およびその他のプラグインの post-load イベントをディスパッチします:

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

How can I set the plugin as a “Must-Use” plugin that is autoloaded and activated for all sites?

add-to-any プラグインディレクトリを/wp-content/mu-plugins/ ディレクトリにアップロード (または移動) します。次に、mu-plugins ディレクトリにプロキシ PHP ローダーファイル (load.php など) を作成します。例:

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