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

ニコニコ動画のようなディスプレイ広告

ニコニコ動画のように文字が流れるディスプレイ広告を、広告画像とテキストだけで作成できる。静止画の広告を目立たせる手法として利用したい。複数のブラウザーで同じように表示させるため、不要そうなタグも必要。
<div style="width:300px; height:250px; border:solid 1px #cccccc; position:relative;">
<div style="text-align:center;">
<a href="ランディングページのURL" target="_blank"><img src="ディスプレイ広告のURL" width="300" height="250" alt="" style="border:none;"></a>
</div>
<div style="position:absolute; top:30px; width:300px; height:250px; overflow:hidden; font-weight:bold; text-shadow:1px 1px 1px #202020; filter:DropShadow(color=#202020 offX=1 offY=0) DropShadow(color=#202020 offX=-1 offY=0) DropShadow(color=#202020 offX=0 offY=1) DropShadow(color=#202020 offX=0 offY=-1);">
<a href="ランディングページのURL" target="_blank" style="text-decoration:none;">
<marquee scrolldelay="1" scrollamount="5" style="font-size:24px; line-height:140%; color:#F0F0F0;">テキスト1行目</marquee>
<marquee scrolldelay="1" scrollamount="7" style="font-size:24px; line-height:140%; color:#F0F0F0;">テキスト2行目</marquee>
<marquee scrolldelay="1" scrollamount="9" style="font-size:24px; line-height:140%; color:#F0F0F0;">テキスト3行目</marquee>
<marquee scrolldelay="1" scrollamount="6" style="font-size:24px; line-height:140%; color:#F0F0F0;">テキスト4行目</marquee>
<marquee scrolldelay="1" scrollamount="8" style="font-size:24px; line-height:140%; color:#E0E000;">テキスト5行目</marquee>
</a>
</div>
</div>

このブログの人気の投稿

Instagram・Facebook・TikTok・Xの国内広告費を比較

センサータワーが、日本のインスタグラム、フェイスブック、ティックトック、Xの広告費の推計を公開。2023年11月から2024年10月までの12カ月間の広告費について、インスタグラムは26億ドル、フェイスブックは9億ドル、ティックトックは5億ドルと推計している。Xは、広告のインプレッションではティックトックを上回っているが、広告費としてはティックトックの半分程度であることがグラフから読み取れる。あくまで推計であり、各プラットフォームの実際の広告売上は分からない。 2024年日本のデジタル広告インサイト https://prtimes.jp/main/html/rd/p/000000080.000100064.html
続きを読む

米国CTV広告費、2028年に旧来テレビを超える見通し

イーマーケッターによると、アメリカのコネクテッドテレビ広告費は2025年に333億5,000万ドルとなる見通し。2028年には468億9,000万ドルとなり、伝統的なテレビ広告費を上回ると予測している。 One of largest sources of new video ad inventory and spending is CTV https://www.emarketer.com/content/one-of-largest-sources-of-new-video-ad-inventory-spending-ctv
続きを読む

ウォールドガーデンか、オープンインターネットか

ザトレードデスクのレポートによると、消費者は「ウォールドガーデン（Walled Gardens）」より「オープンインターネット（Open Internet）」の利用時間が長く、ウォールドガーデンに広告費を集中させると機会を損失する可能性があるという。 オープンインターネットの未来 | The Trade Desk https://www.thetradedesk.com/jp/open-internet その指摘に間違いはない。しかし、もし「オープンインターネットはウォールドガーデンよりよいもの」と読み解くならそれは間違いで、オープンインターネットとウォールドガーデンのそれぞれに長所があると理解すべきだろう。「オープン」という言葉には、開放的で、民主的で、透明な印象があり、一方の「ウォールド」という言葉には、閉鎖的で、独占的で、不透明な印象がある。そのせいか、ウォールドガーデンが悪者扱いされることがあるが、ウォールドガーデンではプラットフォームが利用環境やデータを集中管理しているからこそ、ブランドは正確に、安全に、容易にマーケティングを行えている。 先日たまたま見かけたビデオで、ウォールドガーデンとオープンインターネットの長所短所を整理しているシーンがあるので紹介しておく。オープンインターネットの短所を要約すると「Not Easy」だ。 https://prtimes.jp/main/html/rd/p/000000018.000035203.html
続きを読む