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

はじめての 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; }

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

このブログの人気の投稿

電通、TikTok広告の短期・長期の投資効率を分析

電通が、北欧の15ブランドを対象に、ティックトック広告の短期的および長期的な売上への影響をマーケティングミックスモデリングで分析した。短期的な売上に注目すると、75%の広告主にとってティックトックは投資利益率が最も高いチャネルだった。長期的な売上に注目しても、ティックトックは平均以上の投資利益率が確認された。また、クリエイティブによる売上への影響を明らかにするため、プロが制作した広告、販促メッセージを含めた戦術的UGC、販促メッセージを含めないストーリーテリングUGCを比較したところ、ストーリーテリングUGCの成果が最も高かった。ストーリーテリングUGCは視聴時間や注目を得やすく、記憶に残るため、将来の購入意思決定に寄与すると考えられる。 From Storytelling to Sales: Short and Long-Term ROI of TikTok Advertising https://ads.tiktok.com/business/en-US/blog/tiktok-dentsu-from-storytelling-to-sales-nordics https://issuu.com/tiktokforbusinesseu/docs/tiktok_dentsu_from_storytelling_to_sales

TikTokが禁止されれば、予算はInstagramへ

WARCがティックトックについて分析したレポート「Platform Insights: TikTok 2025」を作成。アメリカでティックトックの禁止措置が実現しないと仮定した場合、世界のティックトックの広告収入は2025年に324億ドルに達し、ソーシャル広告費全体の11%を占めると予測している。ティックトックが禁止されると、最も恩恵を受けるのはインスタグラムで、ユーチューブやスナップにも支出が流れるという。 Platform Insights: TikTok 2025 https://www.warc.com/content/paywall/article/Warc-Data/Platform_Insights_TikTok_2025/en-GB/159437 https://www.mediapost.com/publications/article/403921/if-not-banned-this-year-tiktok-ad-spend-projected.html

欧州IAB、リテールメディアの定義を再整理

IABヨーロッパが、リテール&コマースメディアの定義を要約した資料を公開した。用語集も更新。リテールメディアとコマースメディアの二語を、ほぼ共通の概念としてあまり区別せずに使用するようになった。 IAB Europe's Retail & Commerce Media Definitions One Pager https://iabeurope.eu/knowledge_hub/iab-europes-retail-commerce-media-definitions-one-pager/ IAB Europe’s Updated Retail & Commerce Media Glossary - March 2025 https://iabeurope.eu/knowledge_hub/iab-europes-updated-retail-commerce-media-glossary-march-2025/ リテール&コマースメディアの定義を和訳すると次の通り。 リテール&コマースメディア:リテールメディアネットワークを含むコマースメディアネットワークは、自社プラットフォームの内外を問わず、ブランドや小売業者が消費者の購買検討過程を通して商品やサービスを訴求することを可能にする。コマース/リテールデータを、計画・実施・測定に使用する。オンサイト、オフサイト、インストアの幅広い施策が含まれる。 オンサイトリテールメディア:コマースプラットフォームや小売業者のプロパティ上で販売される広告。コマースプラットフォームや小売業者が所有し運営しているウェブサイトやアプリがその典型。スポンサードプロダクトやスポンサードディスプレイなど。 オフサイトリテールメディア:コマースプラットフォームや小売業者が所有・運営するウェブサイトやアプリ以外の第三者パートナーの広告在庫に、小売業者のデータを連携して使用する。 インストアリテールメディア:計画・実施・測定に小売業者のデータを使用する店舗内の広告。