揺れるボタン・バナー画像をプラグインで作る方法を解説

揺れるボタンの作り方

アフィリエイトでは商品の購入ボタンやASPから提供されるバナー画像をクリックしてもらうことが重要となります。

何はともあれクリックしてもらうわないことには成約しませんからね!

そこで今回は最も手っ取り早くクリック率を上げる方法として、Worepressのプラグインを利用して揺れるテキストやボタン・バナー画像の作り方を解説していきます。

動きのあるボタンでクリック率を上げよう!

Shortcodes Ultimateをインストール

まず必要となるのは「Shortcodes Ultimate」というショートコードで記事本文の装飾をしたりボタン・バナー画像を作成するプラグインです。

  1. WordPressにログインしてダッシュボードを開く
  2. プラグイン→新規追加
  3. Shortcodes Ultimateと検索
  4. インストール→有効化で準備完了

ここまでサクサクと進めたら、記事の新規追加or編集画面を開いてください。

ショートコードを挿入ボタンが追加される

プラグインを有効化した後に記事の投稿or編集画面を開くと「ショートコードを挿入」というボタンが追加されます。

ショートコードアルティメイト

画像上で←ここ と書いてあるボタンがあることを確認したら、クリックして下さい。

 

すると様々なメニューが表示されますが、今回使うのは「アニメーション」なので、ここをクリックして開きます。

アニメーションボタン

アニメーションを開くと設定が表示されるので、4つの項目について設定していきます。

ショートコードのアルティメイト設定

まず①のアニメーションでは説明文にもある通り「アニメーションの種類を選択」します。

種類はなんと61種類も!

とりあえずは初期設定のbounce、もしくは先頭のFlashなどあなたが気になるのをチョイスしてみてください。

 

②の持続時間はアニメーションが動いている時間となります。

1秒から最大20秒間までの間で飛んだり揺れたりプルプルしたりと、動きのあるボタンを作ることができます。

アフィリエイトサイトで使うのであれば、最大の20秒間にしておくのがベターです。

ずっと動いてくれたほうが目に留まりますからね。

 

③の遅延時間は何秒後に動きだすかという時間。

ページを見てくれた方をビックリさせたいなら10秒以上にするのが良いですけど、そもそも10秒以上もボタンがあるページを見てくれる人はほとんどいません(x_x;)

なので遅延機能を使うのであれば遅くとも3秒までにしましょう。

動き出す前にページを離脱されたら元も子もありませんから。。。

 

インラインとクラスについては、基本的に未設定で構いません。

 

そして最後、④のコンテンツには動きを付けたいテキストor画像(URL)を入力してください。

アルティメイトボタン

テキストの場合は単純にコンテンツ欄に文字列を入力するだけでOKです。

そしてライブプレビューをクリックすると、設定した内容のアニメーションを確認することができます。

 

ボタンを揺れる

ボタンやバナーの場合は画像のURLを <img src=”〇〇”> のタグで囲ってください。

あとは同じでプレビューをして実際の動きを確認!良ければショートコードを挿入します。

 

投稿画面のビジュアルエディタ上ではこのように表示されます。

ショートコードのボタン

そして実際のアニメーションはコチラ。

設定は作成されたショートコード内を書き直すことでも反映されます。

  • animate type=アニメーションタイプの種類を半角英字で記入
  • duration=アニメーションの持続時間(10=10秒で、最大20秒)
  • delay=遅延時間(こちらも最大20まで)

アニメーションの動きの例

61種類全てではありませんが、主なアニメーションを紹介していきます。

全ての例で持続時時間は20秒で、遅延時間は0秒です。

 

flash

bounce

shake

tada

 

swing

 

 

 

wobble

pulse

 

flip

目に止まらせることが重要です

人間は動きのある物をついつい目で追ってしまう生き物です。

またパソコン上やスマホ上で動いているとついついクリックやタップをしたくもなります。

ASPから提供されるアフィリエイトリンクのテキストやバナーを単純に貼り付けるだけではなく、文字の装飾やアニメーション等を加えて少しでもクリック率を上げていきましょう!


副業で稼ぎたいあなたへ

副業で稼ぐために必要なノウハウやツールを無料でGETできるキャンペーンをまとめた特設ページを作りました。

本当にオススメできるキャンペーンのみを掲載&随時更新をしているのでぜひチェックしてください!


こちらでは私が副業アフィリエイトで稼げるようになった秘密をまとめた、『アフィリエイトで月収100万円を稼ぎたい”あなた”に見て欲しいマニュアル』をLINEで友達登録してくれた方に無料プレゼントしています。

アフィリエイトの基礎知識、具体的なノウハウ、そして副業が勤務先にバレない方法も収録しており、誰でも1から学べて始めることができます。

少しでも興味があれば気軽に登録して下さいね!

その他、副業全般に関する質問・相談も受付中ですm(_ _)m


⇒友達追加はココから

揺れるボタンの作り方


副業ブームの前に始めよう

アフィリエイトマーケットでは誰しもが稼げるようになる正しく再現性の高い方法を無料のメルマガ講座で公開中です。

そして登録いただいた方には『月収100万円を稼ぐための基礎知識・ノウハウを収録した限定マニュアル』をプレゼント中!

※日本政府が今年度中に副業を解禁するようですが、2018年6月現在では原則禁止です。

解禁されてからではなく、先行者利益を得られる今!ライバルが少ないうちにアフィリエイトを始めることをオススメします。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA