WordPressに公式LinkedInシェアボタンを追加する方法（2つの方法）

LinkedInユーザーは非常に熱心で、価値のあるコンテンツをすぐに共有します。したがって、ビジネスに焦点を当てた記事を公開している場合は、そのトラフィックを活用するためにLinkedIn共有を追加することは必須です。📈

朗報は、WordPressでLinkedIn共有を追加するのが簡単であるということです。

すっきりとしたプロフェッショナルな外観にするには、LinkedIn の公式共有ボタンを使用するか、Facebook、Twitter、WhatsApp などのプラットフォームと並べて LinkedIn を表示できるプラグインを選択できます。

WordPressサイトで両方の方法をテストしましたが、それぞれに長所とトレードオフがあります。 🏆

このガイドでは、WordPressサイトに公式のLinkedIn共有ボタンを追加する素晴らしい方法を2つご紹介します。コードスニペットの方法とプラグインの方法の両方をカバーするので、ご自身に最適な方法を選択できます。

公式LinkedInシェアボタンを追加する理由

WordPressサイトにLinkedIn共有ボタンを追加すると、読者はあなたの投稿をネットワークで簡単に共有できるようになり、適切な人々にさらにリーチするのに役立ちます。

さて、疑問に思うかもしれません。なぜソーシャル共有プラグインではなく、公式のLinkedIn共有ボタンを使用するのか？

公式ボタンにはいくつかの大きな利点があります。

• クリーンで集中：必要なボタンが1つだけ追加されるため、レイアウトはすっきりとプロフェッショナルに保たれます。
• 認識しやすく信頼できる：公式のLinkedInブランディングは、訪問者にとってより馴染みのあるものとなり、クリックや共有の可能性を高めることができます。
• 軽量：LinkedInの単一の合理化されたスクリプトであり、使用していない他のプラットフォームのコードでサイトを遅くすることはありません。

とはいえ、すべてのサイトオーナーがコードを貼り付けたり、スニペットを扱ったりしたいわけではありません。

場合によっては、LinkedInと並んでFacebook、Twitter、WhatsAppなどの複数の共有オプションを含めたい場合があります。

このように、視聴者を単一のネットワークに限定することなく、リーチを最大化できます。

その場合、AddToAny Share Buttonsのようなプラグインを使用すると、LinkedInだけでなく他のプラットフォームも数回のクリックで追加できるため、物事が簡単になります。

どの方法があなたに適していますか？

このチュートリアルでは、WordPressにLinkedIn共有ボタンを追加する2つの異なる方法を紹介します。

どちらもよく機能します。どちらを選ぶかは、サイトに何を求めるかによって決まります。

• コードスニペット（WPCode）メソッド – 公式のLinkedInボタンをクリーンでブランド化されたスタイルで表示したい場合に最適です。このメソッドは軽量で高速です。ただし、小さなコードスニペットを貼り付ける必要があるため、簡単なセットアップ手順に慣れている人に適しています。
• ソーシャルプラグイン（AddToAny Share Buttons）メソッド – より柔軟なノーコードオプションが必要な場合に最適です。LinkedIn、Facebook、Twitter、WhatsAppなどを追加できます。さらに、ボタンの配置やデザインをカスタマイズしたり、設定画面からすべてを管理したりできます。

👉 好みの方法にジャンプするには、これらのクイックリンクを使用してください：

方法1：コードスニペットでLinkedIn共有ボタンを追加する

LinkedIn には、簡単なコードスニペットを使用してサイトに共有ボタンを追加できる公式の共有プラグインがあります。LinkedIn のサーバーから小さな JavaScript ファイルを読み込み、ページにボタンを表示します。

このコードはLinkedInの共有プラグインから直接取得し、ボタンを表示したい投稿に貼り付けることができます。

これはうまく機能しますが、すべての記事に対して手動で行うのはすぐに面倒になります。

代わりに、LinkedIn共有ボタンをすべてのブログ投稿に自動的に追加する簡単なPHPスニペットを使用できます。

このスニペットにはLinkedInの公式JavaScriptコードが含まれているため、手動で貼り付ける必要はありません。すべて処理されます。

ステップ1：WPCodeプラグインをインストールして有効化する

通常、このスニペットはテーマのfunctions.phpファイルに配置する必要があります。

しかし、それにはリスクが伴います。小さな入力ミスでもサイトが破損し、WordPressのWhite Screen of Deathエラーが発生して、ウェブサイトにアクセスできなくなる可能性があります。

そのため、WPCodeプラグインの使用をお勧めします。これにより、テーマファイルを変更せずにPHPスニペットを安全に実行できます。

この方法で、数回のクリックでサイト全体にLinkedIn共有ボタンを追加できます。

WPCodeを複数のデモ環境でテストしましたが、テーマファイルを変更せずにカスタムコードを追加する最も安全で簡単な方法です。

実際、私たちは経験に基づいて詳細なWPCodeレビューも公開しています。初心者にも優しく、信頼性が高く、このような用途に最適です。

まず、WPCodeプラグインをインストールしてアクティブ化する必要があります。手順については、WordPressプラグインのインストール方法に関するチュートリアルを参照してください。

ステップ2：コードの種類としてPHPスニペットを選択

それが完了したら、WordPressダッシュボードからコードスニペット » + スニペットを追加ページに移動し、「カスタムコードを追加（新規スニペット）」オプションを選択します。

これにより新しい画面に移動し、コードの種類として「PHPスニペット」を選択する必要があります。

次に、スニペットにタイトルを付けます。これは参照用ですので、「公式 LinkedIn シェアボタンを追加」のようなものをお勧めします。

後で更新したりオフにしたりしたい場合に、見つけやすくなります。

ステップ 3: シェアボタンコードスニペットを追加する

さて、サイトに公式のLinkedIn共有ボタンを表示するカスタムコードスニペットを追加する時間です。ボタンを表示したい場所に応じて、2つのバージョンのコードを使用できます。

• 投稿の先頭（コンテンツの前）にLinkedInのシェアボタンを表示したい場合は、以下の最初のスニペットを使用してください。
• 投稿の最後に（コンテンツの後ろに）配置したい場合は、別のバージョンも用意しました。

個人的には、ボタンは一番上に表示することをお勧めします。そうすれば、誰かが読み始めたときにすぐに表示されるので、共有が得られる可能性が高まります。

しかし、読者が共有を決定する前に投稿全体を読む傾向がある場合は、下部に追加しても同様に機能します。

コンテンツの前にボタンを表示するバージョンから始めましょう。

function add_linkedin_share_button_before($content) {
    if (is_single()) {
        ob_start();
        ?>
        <script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
        <script type="IN/Share" data-url="<?php echo esc_url(get_permalink()); ?>"></script>
        <?php
        $button = ob_get_clean();
        return $button . $content;
    }
    return $content;
}
add_filter('the_content', 'add_linkedin_share_button_before');

このコードをWPCodeの「コードプレビュー」ボックスに直接貼り付けることができます。

5行目と6行目では、LinkedInの公式共有プラグインJavaScriptを追加しました。しかし、次のような固定URLを使用する代わりに：

<script type="IN/Share" data-url="https://www.linkedin.com"></script>

使用したのは次のとおりです。

 <script type="IN/Share" data-url="<?php echo esc_url(get_permalink()); ?>"></script>

get_permalink()は便利なWordPressのショートカットと考えてください。これは、誰かが読んでいる投稿の正しいURLを自動的に取得します。

これにより、シェアボタンは常に正しい記事にリンクされ、投稿ごとに手動でコードを更新する必要がなくなります。

LinkedInのJavaScriptは誰でも同じなので、このコードをそのままコピーして使用できます。ただし、LinkedInのサイトからコピーした埋め込みコードを使用したい場合は、それも可能です。

5行目と6行目を更新するだけです。そして、正しい投稿を共有できるように、ハードコードされたURLをget_permalink()に置き換えるのを忘れないでください。

シェアボタンを投稿コンテンツの後に配置したい場合は、代わりにこのバージョンを使用してください。

function add_linkedin_share_button_after($content) {
    if (is_single()) {
        ob_start();
        ?>
        <script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
        <script type="IN/Share" data-url="<?php echo esc_url( get_permalink() ); ?>"></script>
        <?php
        $button = ob_get_clean();
        return $content . $button;
    }
    return $content;
}
add_filter('the_content', 'add_linkedin_share_button_after');

これは逆の順序で同じように機能します。共有ボタンはコンテンツの後に表示され、記事を読み終えてから共有するかどうかを決める読者にとってはより自然に感じられるかもしれません。

いずれにしても、WPCodeはプロセスを簡単かつ安全にします。

ステップ4：スニペットを有効化してサイトを確認する

完了したら、「非アクティブ」スイッチを「アクティブ」に切り替え、「スニペットを保存」ボタンをクリックして設定を保存します。

最後に、WordPressサイトにアクセスして、公式LinkedInシェアボタンが機能していることを確認してください。

スニペットの最初のバージョンを使用した場合は、コンテンツが始まる直前の投稿の先頭にボタンが表示されます。

2番目のバージョンを選択した場合は、投稿の最下部までスクロールすると、そこに表示されているLinkedIn共有ボタンが見つかります。

ウェブサイトでどのように表示されるかのプレビューはこちらです。

方法2：プラグインでLinkedInおよびその他の共有ボタンを追加する

コードなしの設定を好む場合や、複数のソーシャル共有ボタンを追加したい場合は、プラグインを使用するのが優れた代替手段です。

この目的のために、無料のAddToAny Share Buttonsプラグインを使用することをよくお勧めします。このツールを使用すると、数回クリックするだけで、LinkedIn、メール、Pinterest、その他の多くの共有ボタンを投稿に追加できます。

最も良い点は、サイト上のどこにもコードを管理したり貼り付けたりする必要がないことです。すべてはプラグインの設定画面から行われます。

ステップ1：AddToAny Share Buttonsプラグインをインストールして有効化する

開始するには、ウェブサイトにAddToAny Share Buttonsプラグインをインストールして有効化するだけです。その方法がわからない場合は、WordPressプラグインのインストール方法に関する初心者向けガイドに従ってください。

プラグインがアクティブになったら、WordPress ダッシュボードの 設定 » AddToAny に移動します。

ここで、シェアボタンのアイコンサイズを選択できます。ピクセル単位でサイズを入力するだけで、サイト上でボタンを好きなだけ小さくしたり目立たせたりできます。

その後、アイコンのスタイルを調整できます。このプラグインでは、カスタムの背景色と前景​​色を選択したり、背景を透明にしたり、デフォルト設定のままにしたりできます。

個人的には、LinkedInボタンの元の青色を維持することをお勧めします。

これにより、訪問者はLinkedInのロゴをすぐに認識しやすくなります。

ステップ2：シェアボタンにLinkedInを追加する

次に、「共有ボタン」セクションまでスクロールダウンし、「サービスの追加/削除」ボタンをクリックします。これにより、プラグインがサポートするすべてのサービスの完全なリストが開きます。

これらは、読者があなたのコンテンツを共有するために使用できるプラットフォームです。ここから、「LinkedIn」オプションを見つけて選択してください。

また、このリストから他のサービスをいくつか選択して、ウェブサイトに完全なソーシャル共有バーを作成することもお勧めします。

例えば、LinkedInの他にFacebook、WhatsApp、Instagram、あるいはGmailを追加したい場合があります。これにより、読者はコンテンツを共有するためのより多くの選択肢を得られます。

ステップ 3: 共有ボタンの配置を設定する

次に、「ユニバーサルボタン」セクションに移動し、「なし」オプションを選択してオフにします。

デフォルトでは、AddToAny Share Buttons プラグインは、他の共有ボタンの横に小さなプラス（+）アイコンを表示します。これにより、ユーザーは具体的に追加していない追加サービスのメニューを開くことができます。

たとえば、WhatsApp共有ボタンを含めていなくても、読者はプラスアイコンをクリックすることで、投稿を連絡先に送信できます。

これは便利に聞こえますが、読者に選択肢が多すぎると、圧倒されることがあります。

オフにすることをお勧めします。これにより、選択したプラットフォームのみが表示され、共有ボタンがすっきりとシンプルに保たれます。

その後、「共有ヘッダー」セクションを展開します。ここで、ソーシャル共有バーの上に表示される見出しを追加できます。

LinkedInのみを追加した場合、次のような具体的な表現を使用できます：「この投稿をLinkedInで共有する」。

または、複数のオプションを備えた完全なソーシャルシェアバーを作成した場合は、「この記事を友達と共有する」のような、より一般的な見出しの方が適しています。

次に、LinkedIn共有ボタンの場所を選択する必要があります。

デフォルトでは、プラグインは投稿、ページ、抜粋、メディアページ、サイトフィード、さらにはフロントページにアイコンを表示します。お好みに応じて複数の位置を選択することもできます。

ただし、「投稿の先頭に表示」を選択することをお勧めします。

リーダーがすぐにシェアボタンを見ることができるため、これは最高の配置の1つです。そのため、WPBeginnerでも、すべての記事の先頭にシェアアイコンを表示しています。

ステップ4：変更を保存してボタンをプレビューする

設定に満足したら、「変更を保存」ボタンをクリックして適用します。

さて、WordPressサイトの投稿をどれでも開いてください。LinkedInの共有ボタンが配置した場所に正確に表示されているはずです。

投稿の先頭を選択した場合、コンテンツのすぐ上に表示されるため、読者は簡単に見つけてクリックできます。

よくある質問：WordPressのLinkedInシェアボタン

LinkedIn共有ボタンの追加に関して、読者からよく寄せられる質問をいくつかご紹介します。

LinkedIn共有ボタンはモバイルフレンドリーですか？

はい、公式の LinkedIn 共有ボタンは完全にレスポンシブであり、モバイルデバイスでも問題なく動作します。小さい画面に合わせてスケーリングされ、すばやく読み込まれ、携帯電話やタブレットでもクリックしやすいままです。

そのため、モバイル互換性を得るために追加の調整を行ったり、別のプラグインを使用したりする必要はありません。

LinkedIn共有ボタンの外観をカスタマイズできますか？

LinkedInは現在、公式ボタンのデザインに関してあまりカスタマイズオプションを提供していません。標準フォーマットで提供され、ボタンのサイズやレイアウトなどのオプションは利用できません。

ただし、CSSに慣れている場合は、ボタンの周りのコンテナをスタイル設定して、間隔や配置を調整できます。ボタンはLinkedInのサーバーから提供されるミニWebページのようなもので、サイトに埋め込まれていることを覚えておいてください。

LinkedInによって制御されているため、独自のウェブサイトのCSSを使用して、色や形状などの内部の外観を変更することはできません。

スクロール中に表示されるフローティングLinkedIn共有ボタンを追加できますか？

はい、できます！公式のLinkedIn共有ボタンを使用しませんが、Facebook、Twitter、Pinterestなどの他のプラットフォームとともにLinkedInを含むフローティングソーシャルバーを追加できます。

フローティングソーシャルバーは、ユーザーがコンテンツをスクロールしても共有ボタンを常に表示しておくのに役立ちます。特に長いブログ記事やチュートリアルでは、読者が共有ボタンを見つけるために一番上や一番下に戻らない可能性があるため便利です。

ご興味のある方は、WordPressにフローティングソーシャルシェアバーを追加する方法に関する記事をご覧ください。

この記事で、WordPressに公式LinkedIn共有ボタンを簡単に追加する方法を学べたことを願っています。また、WordPressにLinkedInプロフィールを追加する方法に関するガイドや、WordPress向けの最高の無料ソーシャルメディアアイコンセットの専門家のおすすめもご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。