*

バナー工房で簡単にバナーを作って友達紹介を強化する!

公開日: : 最終更新日:2017/08/07 アクセス増加, ホームページ作成

作成

現在TOPページに張られているポイントタウン紹介記事のバナーや、つい最近まで貼っていた、ハピタスの友達紹介キャンペーン等のバナー。

これらのバナーが効果があったのか分かりませんが、ポイントタウン、ハピタス共に友達紹介がスムーズに進んでいます。

残念ながらハピタスの友達紹介キャンペーンが終了してしまったので、バナーは剥がしています。現在はポイントタウンのバナーのみとなり少し寂しくなってしまいました。


そこで、あらたにバナーを作成しようかと思ったわけですが・・・


より効率良く友達紹介する為には?

 

現状は、一番アクセス数の多いTOPページの目立つ部分に、友達紹介を優先したいお小遣いサイトを紹介した記事のリンクバナーを貼り付けています。

はたしてこれが正解なのか?

たしかに、当サイトではTOPページからの閲覧開始が圧倒的に多いのですが、それでも全体から見れば5分の1以下なのです。

TOPページの一番上に大きめに貼り付けたバナーはたしかに目立ちます。しかし、TOPページ以外から訪問されたかたは、その存在にすら気がつかずに去っていかれる可能性があります。

ではどうすればもっと記事のリンクバナーを見てもらえるのか?やり方は色々ありそうですが・・・

サイドバーに設置して、どのページからの閲覧開始でも目に留まりやすいようにする。※サイドバーとは当サイトでいうとページ右側のエリアのことをいいます

ヘッダー、フッター、サイドバーはどこのページからの閲覧開始でも必ず表示されているので、目に留まる機会が増えることになります。この中でサイドバーを選択したのはただの好みです。

これで目に留まる可能性が高まれば、それだけ友達紹介が進む可能性も高まるかもしれません。


どの記事のバナーを作るか?

 

設置する場所はサイドバーに決定しました。

ではどの記事のバナーを作れば、友達紹介に良い影響を与えるでしょうか?


●当サイトがお勧めのお小遣いサイトを紹介している記事

●すでにそれなりの閲覧数を稼いでいる記事

●平均セッション時間が長めの記事


お勧めのお小遣いサイトを紹介している記事でなくては、せっかく見てもらっても意味がありません。さらに内容もそれなりに濃いものでないと、折角来てもらってもすぐに離脱される可能性が高いでしょう。この3条件を優先して、記事を選定した結果・・・

初心者にお勧めのお小遣いサイトはこれだッ!

この記事は、当サイトが初心者にお勧めするお小遣いサイトを調べ直す為に作成したもので、丁度条件に当てはまります。直近の1ヶ月では閲覧数は172、1日6アクセス程度は稼いでいます。平均セッション時間も3:28秒と悪くなく、上記に上げた条件をすべて満たしています。


バナー工房.com

 

ネット上には色々なバナー作成が出来るサイトがあります。私のようにお小遣いサイトで稼ぐぞー!と思ってブログ、サイトを運営されているかたなら、出来るだけ無料で利用したいですよね。しかも簡単に出来たらいうことありませんよね?

今回紹介するのは、私程度でも簡単にバナーが作成できた「バナー工房.com」です。

会員登録もありませんし、インストールも不要なので、安心して利用できます。

バナー工房.com

早速上のリンクからバナー工房.comさんのサイトへ移動しましょう。


実際にバナーを作成してみる

 

バナー工房TOP

バナー工房.comさんでは、色々なバナーを作成することが出来ます。

自分で用意した画像を加工したり、GIFアニメといってグリグリ動くバナーを作成したり等々出来るのですが、今回は一番簡単な(私がそれだけしかまだ出来ないとかは内緒の方向でお願いします)「アイコン/バナー作成」を使ってバナーを作成していきますね。

まずは上記画像の赤枠部分「アイコン/バナー作成」をクリックしてください。

サイズを決めよう

ミディアムレクタングル

色々なサイズのバナーが用意されています。今回はサイドバーへバナーを設置しますので、サイズはミディアムレクタングル(横300×横250)を選択します。



カラー、カテゴリーで選ぶ白色・ホワイト

次に好みのデザインを選択します。カラー・カテゴリーで選ぶことが出来ます。当サイトはピンク地なので、あまりに目立ちすぎないカラーということで、白色から選択しました。

「このバナーを加工する」をクリックして先に進みましょう。



このままでは少し大きい

個人的にはあまり多き過ぎて目立つのも嫌なので、若干縦の長さを調整します。そのまま利用される方は「文字をいれていく」へとお進みください。

メニュー左上の「MENU/基本加工」をクリックします。



リサイズ

画面下部に任意の大きさを入力しましょう。横幅、縦幅のどちらかだけ入力した場合は縦横比を維持したまま、リサイズされます。

今回の場合は横幅はそのままで、縦幅を250→150へと縮めますので、上図のように入力して、「サイズを変更する」をクリックです。

文字を入れていく

文字入れ

リサイズされた方はメニューバーにある「文字入れ」をクリックして、入力画面へと移動しましょう。それ以外の人はすでに文字入力画面のはずです。



文字をいれる

上記画像の赤枠で囲んだテキストボックスに、文字を入れて「文字設定を変更」をクリックすると、画像に文字が挿入されます。



ドラッグで移動

挿入された文字はドラッグすることで、自由に位置を変更できます。「現在の文字の場所を確定」をクリックすることで文字入力が確定されます。

ただこのままでは飾り気がないので、文字の大きさや書体、色等を変更しましょう。


文字を修飾する

変更した

各項目を変更し、「文字設定を変更」をクリックすることで、画像上の文字が変更されます。上記項目を色々といじって見ましょう。

今回は、大きさを20→23へ、書体を「みかちゃんフォント(手書き風)」に変更。文字色、文字枠も調整しました。



確定

シンプルだった文字がかなり派手になりました。「現在の文字の場所を確定」をクリックして、この文字を確定させます。

さらに別の文字を入力することも可能となっています。やり方は同じなので、どんどん追加していきましょう。


保存する

ダウンロード

バナーが完成したら「ダウンロード」をクリックして保存しましょう。


サイドバーにバナーを貼り付ける

 

では早速出来上がったバナーを貼り付けましょう。

私が利用しているWordPressでの説明となります。私の方法は完全に我流なので、もっと簡単な方法があるかもしれませんが参考程度にしてください。



新規追加

まずはダッシュボード画面から、「投稿」→「新規追加」を選択して新規投稿を追加画面を開きます。



メディアを追加

メディアを追加をクリックします。

ファイルを選択

ファイルをアップロードタブをクリックし、先ほど作成したバナーをアップロードするファイルに直接ドロップするか、ファイルを選択してください。

メディアライブラリに画像が追加されますので、右下の「投稿に挿入」をクリックしましょう。



テキスト

先ほど作ったバナーが記事に貼り付けられました。右上のタブの「テキスト」をクリックです。



ここをいれかえる

<a href=”http://○○○~○○.gif”>の部分は特定のページへとジャンプさせる為のタグとなっています。

画像を追加した状態のままだと、画像にジャンプするだけです。元サイズの画像が表示されるので、細かい文字などを縮小した際に利用されます。例:画像をクリックすると大きくなります等

このジャンプ機能を利用して、バナーから目的のページへと飛ばしてみましょう。

上記画像の赤線部分、<a href=”  この間を全て消しましょう ”>

目的の記事のアドレスを、消したところに貼り付けます。

<a href=”http://fei-ren.com/beginner-recommended/“>

今回の場合ならこんな感じになります。



コピー

完成したテキストを全てコピーしましょう。



はりつける

ダッシュボードの「外観」→「ウィジエット」、お好みの場所へとテキストを設置してください。そこに先ほどコピーしたテキストを貼り付ければ完成です。



完成

新着記事とプロフィールの間に、バナーが完成しました。それなりに目立つ出来ではないでしょうか?


まとめ

 

どうでしたか?意外に簡単だったでしょう?

バナー工房.comさんでは、ほかにも色々な機能がありますので、自分好みのバナーを作成できるかと思いますので、是非挑戦してみてください。



5クリック

サイドバーにバナーを設置してから、3日程度ですが、とりあえず5クリックはしてもらっているようです。まずまずですかね?

そのうちどの程度の効果があったのか?等の記事も作成する予定です。

それでは今回のところはこの辺で・・・


当サイトが2017年現在オススメするお小遣いサイトは「ポイントインカム」です。どこのお小遣いサイトを選んだらいいか悩んだらポイントインカムを選択しましょう!

今なら当サイトから登録することで、もれなく3,000ポイント(300円相当)の特典が貰えます!(通常は1,000ポイント)

▼ポイントインカムへの登録はこちらから▼
bloger_300_200
ポイントインカムのオススメの稼ぎ方と評価まとめ

登録方法はこちらを参考にしてください。
ポイントインカムの登録方法を画像付きで詳しく説明する

お友達紹介交換キャンペーン

初めての公式キャンペーン

現在ポイントインカムでは複数のお得なキャンペーンが開催されています。なんと最大26,000ポイント(2,600円相当)も貰えます!
※2017年12月31日まで

▼キャンペーンの詳細はこちらから▼
ポイントインカム最大2600円相当が貰えるキャンペーンを分かりやすくまとめてみた



ライフメディア」で開催されている「お友達紹介ランキング」は新規会員登録と1ポイント獲得するだけで1,000ポイント(1,000円相当)が高確率で当たります!!キャンペーン開催期間は1月31日までなので急いで!!

さらに当サイト「初心者がお小遣いサイトで稼ぐんだ!と頑張ってみる」と「ライフメディア」のコラボキャンペーンが始まりました!当サイトバナーから新規会員登録と1ポイント獲得で400ポイント(400円相当)貰えます!!(通常は10ポイント)

「お友達紹介ランキング」と「コラボキャンペーン」の詳細はこちらから
【ライフメディア】新規会員登録でいきなり410円貰える!!1,000円も当たる!【当サイト限定コラボキャンペーン】

▼ライフメディアへの新規会員登録はこちらから▼
ライフメディアバナー
「ライフメディア」オススメの稼ぎ方と評価まとめ

登録方法はこちらを参考にしてください
お小遣いサイト「ライフメディア」登録方法

関連記事

パソコン

お小遣い稼ぎ系ブログ始めよう!独自ドメイン取得からレンタルサーバー申し込みWordPressのインストールまで解説してみた

多くのお小遣いサイト(ポイントサイト)に導入されている友達紹介制度。友達紹介制度とは、専用の招待UR

記事を読む

TOP

Google Search Console(旧ウェブマスターツール)を導入しよう

Google Search Consoleとは、Googleが提供しているサービスのひとつで、導入す

記事を読む

ブログカード

「Pz-LinkCard」WordPressで画像付きリンク(ブログカード)を記事内に表示させるプラグイン

最近ブロ友さんの記事内に、とてもお洒落なデザインの関連記事(内部リンク)が設置されていましたので、早

記事を読む

Googleアカウント

Googleアカウント(Gmail)の新規作成方法

Googleアカウント(Gmail)の新規作成方法を紹介していきます。Googleアカウント作成には

記事を読む

ロリポップ

ロリポップ!新サーバーへ事前移設してみた!はたして速くなったのか?

レンタルサーバー「ロリポップ!」は価格が非常に安く全体的にわかりやすく作られてたブログ運営初心者にと

記事を読む

Message

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

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

祝う
【A8.net】投票だけで100円が当たる!「A8プログラム大賞2017」

「A8.net」で毎年恒例の「A8プログラム大賞2017」が開催されて

スマートフォン操作
ポイントインカム「公式サイト保証」を実際に使ってみた

お小遣いサイト「ポイントインカム」経由で利用した公式サイト「FIELD

mieru-TV
「mieru-TV」を無料で試してお小遣いも獲得する!【100%還元】

お小遣いサイト「ポイントインカム」で、人気の新作映画や話題のドラマをオ

シャボン玉
モッピー「新春シャボン宝くじ」なんと1等50万円!!

お小遣いサイト「モッピー」で賞金総額100万円のキャンペーン「新春シャ

小銭
ちょびリッチ「じぶん銀行」口座開設で最大2,500円相当を稼ぐ!

お小遣いサイト(ポイントサイト)経由で「じぶん銀行」の新規口座開設お申

→もっと見る

  • イメージ画像
    名前:feiren
    なんとかネットでお小遣い稼ぎたいです。頑張ります!
    ツイッター始めたばかりで寂しいです。
    ぜひフォローの方宜しくお願いします♪

    follow us in feedlyRSSを購読する