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

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

ニコニコ動画のように文字が流れるディスプレイ広告を、広告画像とテキストだけで作成できる。静止画の広告を目立たせる手法として利用したい。複数のブラウザーで同じように表示させるため、不要そうなタグも必要。
<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>

このブログの人気の投稿

デジタル広告の制作主体は人でなくAIになるか

サイバーエージェントはデジタルインファクトと共同で、大手広告主のクリエイティブ制作における生成AI利用について、実態調査を行った。制作物は増加傾向にあり、生成AIの活用もアイデア出しや作文を中心に進んでいる。回答者の半数は、3年後にはデジタル広告の制作主体が人でなくAIになると考えている。 https://www.cyberagent.co.jp/news/detail/id=32449

博報堂DYHD、デジタルHDにTOB

博報堂DYホールディングスが、オプトなどを抱えるデジタルホールディングスの株式公開買い付けを実施すると公表。デジタルホールディングスの株式の公開買付価格は1,970円で、公表した9月11日の終値2,143円に対して約9%のディスカウントだが、直近6カ月や直近3カ月の終値の平均に対しては40%ほどのプレミアムが加わっている。公表翌日の9月12日、デジタルホールディングスの株価は公開買付価格に寄せて急落し、終値は1,963円に。 株式会社デジタルホールディングス株券等(証券コード:2389)に対する公開買付けの開始に関するお知らせ https://ssl4.eir-parts.net/doc/2433/tdnet/2686558/00.pdf https://www.advertimes.com/20250912/article512766/