【Cocoon】光るボタンの作り方【これでクリック率アップ！】

マー — Sat, 10 Jul 2021 11:43:42 +0000

ブログでよく「光るボタン」をみるのですが、どうやって実現するのですか？
　

　↓こんなやつ

アフィリエイトリンクを「光るボタン」に埋め込む方法も知りたいな。

こういった疑問に答える記事です。

本記事を読めば以下を知ることができ、CSSの追加なしで光ボタンを実装でき、クリック率もアップできます。

マー

管理人のマーです。

本業はITエンジニアで、月150万PV、月17万円、総収入700万円のブログを運営しています。

今回は上記の悩みを解決できる記事を書きました。

「光るボタン」にアフィリエイトリンクを埋め込む方法

Cocoonを使ってればCSSの追加なしで簡単に実現可能です。

手順を解説します。

あらかじめ、ASPでテキスト広告を選定しておきます。

以下はa8.netの例です。

なるほど「広告タイプ」はテキストで検索すればいいですね。

光るボタンを作成する方法を解説します。

４）

囲みボタンのブロックで以下を設定する。

え？

たったこれだけですか？

マー

はい。そうです。

cocoonは高機能ですよね。

ちなみに、他のテーマですとスタイルシートにCSSを追加する必要がありますが、CocoonはCSSを追加する必要はありません。

以上です。