タグ: SNSとの連携

【All In One SEO Pack】ブログ記事とFacebookの連携

24 2月 17
北川 哲平
,
No Comments

WordPressプラグイン「All In One SEO Pack」を利用すると、Facebookへ表示されるブログ記事を調整することができます。

Facebookでブログ記事を目立たせたい場合におすすめです。デフォルトの状態でFacebookに表示させるには、本対応よりもプラグイン「Jetpack」の方が簡単です。マニュアルは下記をご覧ください。
ブログ記事をFacebookへ自動投稿(Jetpack)

「All In One SEO Pack」をインストールします。
インストール方法はコチラをご覧ください。
プラグインのインストールと有効化

※すでに搭載されていればインストールの必要はありません。
弊社「ほんまるのサービス」をご利用のお客様には既に搭載しています。

All In One SEO Packの設定

①管理画面 > All in One SEO > 機能管理をクリックします。

allinoneseo-1

②ソーシャルメディアのActivateボタンをクリックします。

allinoneseo-2

③管理画面 > All in One SEO > ソーシャルメディアをクリックします。

allinoneseo-3

④ソーシャルメディアの画面が表示されます。
細かい設定は省略します。後でお好きなように設定してください。
必要最低限に絞って説明します

Facebook設定に移動します。

allinoneseo-4

⑤Facebook 管理者IDを入力します。まずはFacebook 管理者IDを取得します。

allinoneseo-5-1

⑥Facebook 管理者IDには2つあります。
1,個人のFacebookアカウントから取得
2,Facebookページから取得
どちらでもかまいません。Facebookページを持っていない方は、個人のFacebookアカウントから取得してください。

⑥-1,個人のFacebookアカウントから取得

⑥-1-1,Graph API Explorerに移動します。
httpss://developers.facebook.com/tools/explorer/

allinoneseo-facebook-1

⑥-1-2,トークンの中から「ユーザーアクセストークンを取得」を選択する。

allinoneseo-facebook-2

⑥-1-3,「user_about_me」を選択してアクセストークンを取得ボタンをクリックする。

allinoneseo-facebook-3

⑥-1-4,個人アカウントとしてログインします。

allinoneseo-facebook-4

⑥-1-5,送信ボタンをクリックします。

allinoneseo-facebook-5

⑥-1-6,idが表示されます。このidを先程のページ(Facebook 管理者ID)へ貼り付けます。

allinoneseo-facebook-6

⑥-1-7,Facebook 管理者IDへ貼り付けます。

allinoneseo-facebook-7

⑥-2,Facebookページから取得

⑥-2-1,Graph API Explorerに移動します。
httpss://developers.facebook.com/tools/explorer/

allinoneseo-facebook-1

⑥-2-2,トークンの中からFacebookページ名を選択します。

allinoneseo-facebook-8

⑥-2-3,送信ボタンをクリックします。
※もしログイン画面が表示されましたら対象のFacebookページを選択してください。

allinoneseo-facebook-9

⑥-2-4,idが表示されます。このidを先程のページ(Facebook 管理者ID)へ貼り付けます。

allinoneseo-facebook-10

⑥-2-5,Facebook 管理者IDへ貼り付けます。

allinoneseo-facebook-11

⑦Show Facebook Publisher on ArticlesにFacebookのURLを入力します。

allinoneseo-6

⑧設定を更新ボタンをクリックします。

allinoneseo-7

 

投稿記事の設定

①新規で記事を作成します。

allinoneseo-8

②All in One SEO Packからソーシャル設定をクリックします。

allinoneseo-9

③この部分は、Facebookに表示される内容になります。お好みで入力してください 。
タイトル、ディスクリプション(説明文)、画像、画像のサイズ指定などが設定できます。

allinoneseo-10

④記事を公開します。公開ボタンをクリックします。

allinoneseo-12

 

Facebookへの表示

①公開した記事のURLをコピーします。

allinoneseo-13

②Facebookのページに移動します。

allinoneseo-14

③コピーしたURLを入力します。しばらくするとブログ記事の内容が表示されます。

allinoneseo-16

④投稿されたことを確認します。

allinoneseo-17

【Jetpack】Facebook,Twitterなどの共有ボタンの追加

20 2月 17
北川 哲平

No Comments

WordPressプラグイン「Jetpack」を利用してFacebook,Twitterなどの共有ボタンを設置します。

Jetpackのインストールなどは下記ページをご覧ください。
ブログ記事をFacebookへ自動投稿(Jetpack)

「JETPACKの初期設定」までは同じ手順です。以降の手順をご説明します。

①管理画面 > Jetpack > 設定を選択します。

jetpack2-0

②「Engagement」をクリックします。

jetpack2-1

③「共有」を有効化します。もし有効化されていればそのままでOKです。

jetpack2-2

④管理画面 > 設定 > 共有を選択します。

⑤共有ボタンの枠から必要なサービスを有効化させます。
利用可能なサービス、有効化済みのサービスをドラッグ&ドロ ップして、必要なサービスを有効化させます。

jetpack2-4

⑥共有ボタンのスタイル、共有ラベル、ボタン表示、Twitterサイトタグなどをお好みの設定にしてください。
ライブプレピューで表示されます。

尚、ブログ記事にボタンを表示されるには、ボタン表示枠の「投稿」にチェック を入れてください。

jetpack2-5

⑦変更と保存ボタンをクリックしてください。

⑧ブログ記事に共有ボタンが表示されていることを確認してください。

jetpack2-6

【Jetpack】ブログ記事をFacebookへ自動投稿

20 2月 17
北川 哲平

No Comments

WordPressプラグイン「Jetpack」を利用してブログ記事をFacebookへ自動投稿する方法です。

Jetpackを利用するとFacebookへ自動投稿が非常に簡単に出来ます。是非、やり方を押さえておいてください。
また、Jetpackは別の機能もあります。SNSボタンの設置、統計情報の取得など多機能型プラグインです。

「Jetpack by WordPress.com」をインストールします。
インストール方法はコチラをご覧ください。

インストール後の画面です。jetpack1

Jetpackの初期設定

①「WordPress.comと連携」をクリックします。

jetpack-3

※もし上記インストール後の画面が表示されないときは、管理画面から「Jetpackと連動」をクリックしてください。

jetpack-4

②WordPress.comへログインします。
※WordPress.comにアカウントを登録していない場合は、新規登録が必要です。
一度登録すると他のホームページでも活用できるので便利です。「register」をクリックして新規登録の手続きをします。

jetpack-5

③「approve」をクリックして承認します。

jetpack-6

④「Select Free」をクリックしてください。
重要なことですが、Free(無料)のプランを選択してください。Freeプランで十分です。

jetpack-7

⑤「このステップをスキップ」をクリックしてください。

jetpack-8

Facebookアカウントと連携の設定

①管理画面 > Jetpack > 設定を選択します。

②「Engagement」をクリックします。

jetpack-9

③「パブリサイズ」を有効化します。もし有効化されていればそのままでOKです。

jetpack-10

④管理画面 > 設定 > 共有を選択します。

⑤Facebookの連携ボタンをクリックします。

jetpack-11

⑥連携したいFacebookアカウントを選択します。その後OKボタンをクリックします。
※Facebookアカウントは事前に作成しておきます。

jetpack-12

⑦連携アカウントが表示されていることを確認します。

jetpack-13

ブログ記事の自動投稿

①ブログ記事を新規作成します。
管理画面 > 投稿 > 新規追加を選択します。

jetpack-14

②公開部分にあるパブリサイズ共有にFacebookアカウントが表示されていることを確認します。

jetpack-15

③ブログ記事を公開します。

jetpack-16

④Facebookに自動投稿されていることを確認します。

jetpack-17