読者です 読者をやめる 読者になる 読者になる

俺、まちがってねぇよな?

バンドマン情報メディア!もっと充実したバンド活動のために

 

【コピペでOK!】はてなブログで自社広告をオーバーレイで表示させる方法

ブログのこと ブログのこと-カスタマイズ

おすすめ記事セレクション


スポンサーリンク

どうも、星川(@Soh_RundabanSP)です。

 

バンド活動の宣伝の一環でこのブログのスマートフォン画面の最下部に固定されたオーバーレイ広告を挿入しました。

f:id:sohhoshikawa:20160422154443p:plain

 

これはぼくのバンドの広告になってましてクリックするとホームページに飛びます。

スクロールしてもずっと画面下に表示され続けます。

 

なんだかんだスマホのバナー広告ってこれが一番スマートじゃないかと思うんですよねぇ。

 

意外とはてなブログではやっている人が少ないのですが、自社商品をアピールするには定番の方法です。

 

そこでこの自社のオーバーレイ広告を実装する方法をご紹介します。

ちなみにぼくはカスタマイズの知識は全然ありません。(笑)

 

音楽プレイリスト作成サービス『Listband』の作者で有名な田沢直人さんに教えてもらいました。

なので質問されても困りますのであしからず。(笑)

 

他のやり方もあるかもしれませんが今回ははてなブログproに加入しておく必要があることを最初にお伝えしておきます。

 

やり方は非常に簡単でした。

 

まずは画像のURLを取得しよう

まずは画像のURLを取得する必要がありあす。

やり方は簡単で「はてなフォトライフ」に画像をアップロードします。

 

アップロードしたら画像を選んで右クリックで「画像URLをコピーします」

これで画像のURLが取得できます。

 

以下のコードをスマホカスタマイズ画面「フッタ」にペースト

次に取得した画像のURLとリンク先にURLをこのコードにコピペします。

<a href="ここにリンク先のURL" target="_blank"> <img src="ここに画像のURL" alt="" style="position:fixed;bottom:0;width:100%;> </a>

 

完成したコードをはてなブログのダッシュボードの管理画面から⇒デザイン⇒スマホのデザイン⇒フッタ⇒フッタの部分にコピペするだけです。

f:id:sohhoshikawa:20160422160100j:plain

 

以上で実装することができました!

簡単ですね!

 

 

ぼくのブログもそうですが今やほとんどのアクセスがスマホです。

ブログをマーケティングに活かしたい人はぜひ、参考にしてみてください。

 

 

 

以上、バンドマンがお送りしました!

 

田沢直人さんの「Listband」はこちら!

CDアルバム風プレイリスト作成『Listband』

 

 

こちらもどうぞ!

www.shellbys.com

www.shellbys.com

www.shellbys.co