スキップしてメイン コンテンツに移動

はじめての Static FBML

冬休みの自由研究のつもりで、フェイスブックの「Static FBML」アプリを利用してファンページにボックスを追加してみた。ファンとそれ以外でコンテンツを出し分けるようにした。
------------------------------
2010年にもっとも読まれた記事は
http://www.facebook.com/netadreport?v=app_4949752878
------------------------------
予備知識や手引きがなくても、疑問を検索しては英語を読むの繰り返しで完成させることができた。途中でつまづいた箇所は次の通り。これから「Static FBML」に取り組むひとのために。
------------------------------
- 「fb:visible-to-connection」を使用してファンとそれ以外にコンテンツを出し分けるようにしても、ファンページ管理者のアカウントでは両方が表示されてしまう。別ブラウザーからテスト用アカウントで閲覧すると、ファンおよびそれ以外からの見え方を確認しやすい。
- 「fb:visible-to-connection」を使用してファンとそれ以外にコンテンツを出し分けるようにすると、コンテンツに余分なスペースが表示されてしまうことがある。その余白はCSSで調整できる。
- CSSは、冒頭で「<style></style>」タグを使用して埋め込んでしまうと、IEでは反映されない。CSSは外部ファイルにするかインラインで記述しないといけない。
------------------------------
参考までに、FBMLのソースを以下に公開しておく。ソースの一部については省略している。
------------------------------
<link ref="stylesheet" type="text/css" href="http://www.netadreport.com/省略/省略.css" />
<div id="wrapper">
<fb:visible-to-connection>
<h1>2010年にもっとも読まれた記事は</h1>
<p>2010年に「インターネット広告のひみつ」に投稿した700件以上のブログ記事のうち、閲覧数上位10記事は次の通りです。</p>
<ol>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
<li><a href="省略">省略</a></li>
</ol>
<div id="share">
<p>この話題をお友だちと共有しましょう。</p>
<fb:share-button class="meta">
<meta name="title" content="2010年にもっとも読まれた記事は: インターネット広告のひみつ" />
<meta name="description" content="2010年の閲覧数上位10記事をファン限定で公開しています。" />
<link rel="target_url" href="http://www.facebook.com/netadreport?v=app_4949752878" />
</fb:share-button>
</div>
<fb:else>
<div id="non-fans">
<p>こちらはファン限定コンテンツです。上部の「いいね!」ボタンをクリックしてください。</p>
</div>
</fb:else>
</fb:visible-to-connection>
</div>

------------------------------
ちなみに、CSSファイルの内容は次の通り。ファン以外向けのコンテンツに絶対位置を指定して、不要な余白を解消している。
------------------------------
#wrapper { margin:0; padding:0; }
#non-fans { position:absolute; top:0; left:0; }

------------------------------
なお、ファンページ内に「いいね!」ボタンを配置する方法は、現在のところ公式にはサポートされていないようだ。

このブログの人気の投稿

X広告、美的スコアを価格に反映へ

Xは広告の品質ポリシーを変更して、広告のテキストにハッシュタグやURLを含めることを禁止し、複数の絵文字を含めるべきではないとした(日本と韓国に限り絵文字の制限は除外)。見苦しく気を散らせる要素を排除して、広告の体験と効果を改善しようとしている。品質ポリシーの充足度に応じて広告ごとに美的スコア(aesthetic score)を付与し、それが広告の価格に反映されるようにするという。 X Believes in Better Ads for All https://x.com/XBusiness/article/1950565881920045066 Quality policy https://business.x.com/en/help/ads-policies/ads-content-policies/quality-policy https://t.co/isOiURi1dB — Business (@XBusiness) July 30, 2025 この変更は「Beautiful Ads. Better Results.(美しい広告。より良い結果。)」として紹介されている。 Yesterday, we unveiled major upgrades to our ads platform, making X the best place to grow your business. Here’s how Grok and other cutting-edge solutions are transforming ads 👇 pic.twitter.com/oUJvlzkN16 — Business (@XBusiness) August 7, 2025 昨日、広告プラットフォームの大幅なアップグレードを発表し、Xを広告主様のビジネス成長に最も最適なプラットフォームにするプランをお伝えしました。 Grokやその他の最先端ソリューションがどう広告に革新をもたらしているか、こちらをご覧ください 👇 pic.twitter.com/2PF6JUCduX — Marketing JP (@MarketingJP) August 8, 2025 https://www.adweek.com/media/x-will-give-brands-lowe...

線形ファネルから影響マップへ

ボストンコンサルティンググループが、線形ファネルから影響マップへの移行を提唱している。これまでマーケッターは、認知から購買に至る消費者ジャーニーを直線的なファネルとして捉え、そこにさまざまなタッチポイントを強引に当てはめてきた。その旧来モデルは、戦略、予算配分、コミュニケーションを簡便に管理できて有用だが、リソース配分やメッセージの誤りにより機会を逃すリスクがある。消費者の複雑なジャーニーに対応する柔軟なフレームワークとして、影響マップを提唱している。 It’s Time for Marketers to Move Beyond the Linear Funnel https://www.bcg.com/publications/2025/move-beyond-the-linear-funnel 影響マップは、ストリーミング、スクロール、検索、ショッピングを消費者の主要な4つの行動として挙げ、それらが認知から購買までの過程の複数の段階で重複して影響を及ぼしていることを整理する。タッチポイントの影響力は、注視度、関連度、信頼度で決まる。影響力とリーチを組み合わせ、タッチポイントの優先順位を考える。複雑なアプローチになるが、AIの活用により実行できるとしている。 旧来の線形ファネルでは、「認知獲得に有効なのはビデオ。ユーチューブで認知を獲得しよう」という発想になりがちだが、グーグルによるとユーチューブは購買プロセスの全体に影響を与えているという。注視度、関連度、信頼度のそれぞれで、ユーチューブは消費者に高く評価されているという。 The new rules of influence: Rethinking the consumer journey https://business.google.com/us/think/search-and-video/video-influence-on-consumer-purchase-decision-process/

サイバー、広告レポート作成のAIアシスタントを提供

サイバーエージェントが、広告のレポートを作成するAIアシスタント「シーエーアシスタント」を広告主に提供。AIとの対話を通じて、広告主がいつでも自由にレポートを生成できる。分析コメントやグラフまでAIが生成する。 https://www.cyberagent.co.jp/news/detail/id=32299