裏記事：実験計画書① – SNS連携によるHP流入効果の測定実験

実験診断士の考え

最近、HPにどのSNSから人が流入してくるかをちゃんと確認したいと思っていた。今はFacebookしか連携していないが、XやInstagram、LinkedInも含めて、どのSNSが実際に効果があるかを把握したい。

さらに、毎日のアクセスデータをAIに解析してもらえば、数字の整理や比較、改善提案まで効率的にできるのではないかと考えた。ただ、自分で全部見るのは大変なので、AIに頼る方法も取り入れたい。

AIとのやり取り

1. 実験期間の決め方

実験診断士：「実験期間は2週間くらいでいいと思うけど、毎日投稿できない日もあるから、少し余裕を持たせたい」

AI：「期間ではなく、SNS発信回数を基準にする方法はどうですか？例えば投稿を最低10回行ったら一区切りにして、その後3〜5日間追加でデータを取ることで余韻も評価できます」

実験診断士：「それいいね。これなら期間に縛られず、実際の投稿活動に合わせて柔軟に実験できる」

採用：SNS発信10回＋余韻観測で期間を決める方式にする

2. データの取得方法

実験診断士：「Google AnalyticsのデータをどうAIに渡せばいいかな？」

AI：「CSVで出力すると網羅的に解析できます。毎日の『トラフィック獲得』レポートをCSVで取得すれば、SNS別流入、滞在時間、直帰率、コンバージョンなどを全部分析可能です」

実験診断士：「なるほど、CSVにする方が作業も標準化できるし、AIの分析もしやすいね」

採用：毎日のトラフィック獲得CSVをAIに渡して解析する

3. SNS別流入の確認

実験診断士：「トラフィック獲得だけだと、SNS別の詳細がハッキリわからない気がする」

AI：「補助的に『参照元/メディア』ディメンションに切り替えたレポートを作れば、facebook.comやinstagram.comなど個別のSNS流入が明確になります。CSVも出力可能です」

実験診断士：「なるほど、標準レポートで毎日取るものとは別に、SNS別レポートも作るのね」

採用：毎日取得する標準データは「トラフィック獲得」レポートに固定、SNS別詳細は補助レポートとして作成

4. AI解析の具体的な活用

実験診断士：「AIには具体的にどこまで解析してもらえるかな？」

AI：「CSVを渡せば、SNSごとの流入数、滞在時間、直帰率、コンバージョン数を日次で比較できます。グラフ化や改善ポイントの提案まで可能です」

実験診断士：「なるほど、数字だけでなく、傾向や改善点も教えてくれるのは助かる」

採用：AIに解析させる範囲を「SNS別の訪問数、滞在時間、直帰率、コンバージョン、傾向のグラフ化、改善提案」までに設定

5. 実験全体の流れ（図解イメージ）

図：SNS投稿からAI解析、余韻観測までの実験フロー

実験診断士の判断ポイント

• 期間より投稿回数基準にすることで柔軟性を確保
• CSVによるAI解析で作業の効率化と標準化
• SNS別補助レポートで詳細な流入データも確認
• 途中経過と最終報告を分けることで、実験の透明性と再現性を高める

※表記事に戻る：表記事を見る

裏記事：FacebookとHP連携実験（2025/8/30）

1. Facebookページ作成

実験診断士：個人のFacebookは持ってるけど、ビジネスページを作りたい。どこから始めればいい？

AI：個人アカウントにログインして、右上の「＋作成」→「ページ」を選ぶと作れます。ページ名は「実験診断士」に設定しましょう。

実験診断士：ページ名は単純でいいかな。個人と混同しない？

AI：大丈夫です。Facebookページは個人アカウントとは完全に独立して運営できます。友達リクエストも個人に影響しません。

実験診断士：なるほど。じゃあページを作って、HPへの導線にすることを目標にするよ。

AI：それが理想です。最初の投稿もHPへの誘導リンクを入れると効果的です。

実験診断士：投稿文はどう作ればいい？

AI：まずは短く、HPへのリンクと「実験診断士HPラボ」の紹介文を入れるだけで十分です。ユーザーがクリックしやすい文章にしましょう。

2. HPへのリンク設置

実験診断士：HP側にFacebookページのリンクを置きたいんだけど、Twenty Twenty-Fiveテーマではどうすればいい？

AI：サイトエディタでヘッダーブロックを編集します。タイトル右に「カスタムHTML」ブロックを追加してFacebookページへのリンクを貼ると良いです。

実験診断士：画像アイコンも置きたいんだけど、サイズや配置はどうしたら？

AI：30px程度の正方形アイコンで、タイトル右に少し余白を入れるとバランスが良いです。CSSで調整も可能です。

実験診断士：スクロールしてもリンクを常に表示させたいんだけど、今は消えちゃう。

AI：CSSでヘッダーを position: sticky にすれば固定表示できます。ただ、今回は一旦後日に対応する形でも問題ありません。

実験診断士：うん、まずは設置だけしておこう。あとで固定表示を試す。

AI：それで十分です。実験記録として「スクロール固定は後日対応」と明記しておくと後で振り返りやすいです。

実験診断士：スクロール固定用のCSS例も教えてくれる？

AI：

.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: white;
}

3. 実験結果の確認

実験診断士：リンクを置いたら、HPからFacebookページに飛べることを確認できた。

AI：素晴らしいです。これで相互誘導が可能になりました。

実験診断士：ただ、スクロールするとSNSマークが消えるのが気になる。

AI：はい、その点は後日固定表示を設定すると解決できます。

実験診断士：了解。今日のところはHPとFacebookをつなげられたことを成果として記録するよ。

4. 学んだこと

• Facebookページは個人アカウントと独立して作れる
• Twenty Twenty-Fiveテーマはブロック編集でリンクを自由に追加できる
• CSSでスクロール固定にすれば常にリンク表示できる（後日対応）

実験診断士：最初から完璧を目指さず、徐々に改善する方針だね。

AI：その姿勢が実験的なHP運営には向いています。

5. できなかったこと・次回課題

• 投稿とブログ記事の自動連携
• アイコンデザインや配置の微調整
• スクロール時にSNSマークを固定表示（後日対応）

実験診断士：まずは基本の導線と投稿確認ができたのでOK。

AI：次回の実験課題として明確に記録しておくと進めやすいですね。

まとめ

実験診断士：今日の成果として、Facebook「実験診断士」とHP「実験診断士のデジタル挑戦」の連携が無事にできたことは大きな一歩です。スクロール固定の対応は後日に行います。

AI：はい、今日の成果をベースに次回の改善に進めますね。

※表記事はこちら：Facebook「実験診断士」とHP「実験診断士のデジタル挑戦」の連携に成功！(2025/8/30)

裏記事：カテゴリー別一覧記事に挑戦したが…

作成日：2025/8/28

今日は、以前AIに指摘された「記事一覧や内部リンクを整理して回遊性を高める」という課題に本格的に挑戦した。具体的には「カテゴリー別の投稿一覧ページを作る」ことを目標にした。

ステップ1：カテゴリーの整理から

ここまでは順調。実際に記事を3つのカテゴリーに振り分ける作業は完了した。

ステップ2：投稿一覧ブロックで挑戦

投稿一覧ブロックでカテゴリー指定することはできず、ここで最初の壁にぶつかった。

ステップ3：クエリーループで挑戦

クエリーループも試したが、カテゴリー指定が見つからず挫折した。

ステップ4：プラグインで挑戦

プラグイン導入まではできたが、どのブロックを選ぶかで迷い、その先に進めなかった。

まとめ：到達点と未達事項

1. できたこと
   • カテゴリーを3つ（実験記録・裏記事・お知らせ）に整理した。
   • 各記事をそれぞれのカテゴリーに振り分けた（公開済み）。
2. できなかったこと
   • 投稿一覧ブロックでカテゴリー指定ができなかった。
   • クエリーループでカテゴリー指定が見つからなかった。
   • Kadence Blocks を導入したが、どのブロックをどう設定すれば良いか分からず完了しなかった。
3. AIが順に提案した方法
   1. 投稿一覧ブロックを使う
   2. クエリーループ（Query Loop）を使う
   3. Kadence Blocks（プラグイン）を導入する

今回は「カテゴリー別の一覧ページ」は完成できなかった。次回は、上記の未達点を踏まえてどの方法を深掘りするか決めて進めたい。

※表記事はこちら：カテゴリー別投稿一覧を作ろうとしたが…(2025/8/28)