最新記事一覧
(07/01)Googleアドセンス紹介プログラムが2008年8月で終了。
(05/14)[A8.net]最低報酬支払額引き下げを含む2点の新機能追加。
(05/09)「バリューコマース」が最低支払い金額引き下げと振り込み手数料無料化へ。
(02/15)Google アドセンス 日本語版公式ガイドブック(PDF)が公開されました。
(02/02)Googleのオフィスでアドセンス初心者セミナーが開催されます。
(01/21)ブログオーナー向けポイント獲得サイト「ブログポイント」
(01/09)Google アドセンス 紹介プログラムのボーナス報酬システムを近日変更。
(12/27)Amazonアソシエイトからのアカウント停止メールに驚く。
(12/21)Google アドセンス ”広告の管理”に非表示機能を追加。
(12/18)あなたのブログの文章を分析して表情や性格などを発見できるブログパーツ「emo(エモ)」
(12/13)Yahoo! ブロガーやサイト管理者のための「Yahoo!ウェブオーナーセンター」を公開。
(12/12)「Google アドセンス」同一ユニット内でのスクロールによる複数広告表示をテスト中。
(12/11)Google アドセンス 新しい広告管理機能リリース。
(12/02)「Live Search」のウェブマスターツール「Live Search Webmaster Center」β版リリース。
(12/01)指定したURLの人気・注目エントリーを表示する「はてなブックマークウィジェット」
(11/27)無料SEO診断ツール「Dipper」で自分のサイトのSEO現況を知る。
(11/16)「Google アドセンス」”うっかりクリック”を防ぐ新広告フォーマットに変更。
(11/11)複数のASPのコードを混在させたアフィリエイト広告コードを作成できるソフトウェア「アフィリサーチ」
(11/05)seesaaからアフィリエイト対応ムービーブログパーツ「ブロピタ(Blopita!)」リリース。
(11/02)ブログ記事の下部に☆マークでレーティング機能を付与して読者に”格付け”してもらえる「Outbrain Ratings」


Top アフィリエイトテクニック ;>PhotoshopとDreamweaverを使ってGoogle アドセンスの広告ユニットをカスタムする方法。
2007年09月13日

PhotoshopとDreamweaverを使ってGoogle アドセンスの広告ユニットをカスタムする方法。

Google AdSenseの広告ユニットは、多彩なサイズと各部のカラーリングによって、サイトになじませたり、派手に目立たせたりすることができます。

しかし、海外のブログなどには、デフォルトでは存在しないバリエーションのアドセンス広告を目にすることがよくありますね。

そういったオリジナルな広告ユニットの表現はドローソフトとHTMLツールがあれば実現できます。

以下は有名なグラフィックツールであるPhotoshopと、HP制作ツールであるDreamweaverを使ってカスタマイズする基本的な方法です。

1.アドセンスの広告ユニットを選択(例は250*250)し、背景、ライン、リンクなどのカラーを好みで設定し、コードを取得、メモ帳などに保存します。


adsense_custum_01.jpg


2.Photoshopの”新規作成”で、ユニットより30ピクセル大きめの作成画面を開く。(背景は透明)


adsense_custum_02.jpg


3.”投げ縄ツール”を使って例えば以下のようにランダムな”枠”を選択します。


adsense_custum_03.jpg


4.できあがった形の内側を広告ユニット作成時に選択した背景色と同じ色で塗りつぶします。


adsense_custum_04.jpg


5.メニュー→レイヤー→レイヤースタイルを開き、光彩(内側)を選択(チェックを入れる)し、以下のように設定項目を設定し、できあがった画像をjpgで保存する。


adsense_custum_05.jpg


6.Dreamweaverで新規作成を開き、テーブルを1列×1行で挿入する。


adsense_custum_06.jpg


7.テーブルのプロパティで、サイズを280*280にし、”背景”部に先ほど保存した画像パスを入れる。


adsense_custum_07.jpg


8.画像内で右クリック→HTMLの挿入→ボックス内にアドセンスの広告コードを挿入する。


adsense_custum_09.jpg


9.エディタをコード表示にし、表示されたコードをブログなどにコピペすれば下ようにオリジナリティあふれる広告ユニットが表示されます。


adsense_custum_08.jpg


(完成例:↓画像データです、クリックできません)


adsense_custum_10.jpg


上記の方法は、他の広告サイズやカラーでも応用でき、制作者のセンスに応じて様々な広告ユニットが作れそうです。

この方法でGoogle アドセンスの広告ユニットデザインを行うことに関して、アドセンスの規約に抵触しないかなどが取りざたされそうですが、コード自体を改変しているわけでもなく、実際には普通の広告コードをブログなどのページ内に埋め込んでいるのと変わりは無いと思います。

断言はできませんが、とくに問題は無いような気がします・・

この方法に問題が無ければ、基本的に同じスタイルばかりの広告ユニットにかなりのインパクトを与えることができますね。

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

▼ホームページ運営者、メールマガジン発行者なら、

    エーハチネットに参加してお小遣いをゲットしちゃいましょう

▼2800社以上の広告主の中から、

  ご自分のサイトやメールマガジンにピッタリの広告素材を選べます


〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓


ボタンひとつで検索順位をチェック&蓄積






ブログを書けば謝礼がもらえる!?プレスブログ入会キャンペーン実施中!!



ブロガー必須のツールが登場!

ブログを更新する度、あなたの書いた記事が複数のポータルサイトへ一斉揃載されるようになります。登録無料
登録はこちら


ブログでクチコミ!

B-Promotion(ビープロモーション)


FC2カウンタープログラム


アフィリエイト・プログラムといえば >> リンクシェア・ジャパン

アフィリエイト の JANet その他のASPはこちら
アフィリエイトで稼ぐ!をやってみよう。 Topページへ戻る

 

この記事へのコメント
初めまして^^
まことと申します。

とても参考にさせていただきました。
私も頑張らなきゃですね。

もしよろしければ、
私のブログにも遊びに来て下さい^^
http://popcornnejp.seesaa.net/
Posted by まこと at 2007年09月14日 10:33
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス: [必須入力]

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
※半角英数字のみのコメントは投稿できません。

この記事へのトラックバック


Yahoo!、Googleの上位表示に効果的!掲載率99%以上の登録代行サービス!

×

この広告は90日以上新しい記事の投稿がないブログに表示されております。