トレンドアフィリエイトの収益源はAdSenseが基本となりますが、アクセスがある程度集まるようになると、Amazonや楽天リンクを貼っておくだけでちょっとしたお小遣いになったりします。
僕がトレンドアフィリエイトのサイトに商品リンクを入れる際はカエレバという商品リンク生成サービスを利用しています。
こちらの記事では多くのブロガーやアフィリエイターが導入しているカエレバのカスタマイズCSSをご紹介します。
かんたん！導入1分！カエレバのカスタマイズCSS公開
簡潔に僕が使っているカエレバのカスタマイズCSSを公開しちゃいます！
カエレバの使い方などについては各自、調べてください…！
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 |
.cstmreba{ background: #fff; border: 5px solid #ddd; box-sizing: border-box; padding: 12px 20px 15px 20px; margin: 15px 0; } .cstmreba *{ line-height: 1.4; } .kaerebalink-image{ width: 100%; text-align: center; } .kaerebalink-image a img{ width: 100%; max-width: 300px; } .kaerebalink-name{ font-size: 95%; padding: 15px 0 0 0; } .kaerebalink-powered-date{ padding: 4px 0 10px 0; font-size: 85%; } .kaerebalink-detail{ padding: 0 0 10px 0; font-size: 80%; } .kaerebalink-info{ width: 100%; } .shoplinkamazon { width: 100%; position: relative; background-color: #F39303; border-radius: 4px; color: #fff; box-shadow: 0 3px 0 #b46c00; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); text-align: center; font-size: 90%; font-weight: bold; cursor: pointer; box-sizing: border-box; margin: 0 0 15px 0; } .shoplinkamazon a{ color: #fff; text-decoration: none; display: block; width: 100%; height: 100%; padding: 15px 0; } .shoplinkamazon a:hover{ color: #fff; } .shoplinkamazon:hover { top: 1px; background-color: #F39303; box-shadow: 0 2px 0 #b46c00; } .shoplinkrakuten { width: 100%; position: relative; background-color: #B10103; border-radius: 4px; color: #fff; box-shadow: 0 3px 0 #5c0e0f; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); text-align: center; font-size: 90%; font-weight: bold; cursor: pointer; box-sizing: border-box; } .shoplinkrakuten a{ color: #fff; text-decoration: none; display: block; width: 100%; height: 100%; padding: 15px 0; } .shoplinkrakuten a:hover{ color: #fff; } .shoplinkrakuten:hover { top: 1px; background-color: #B10103; box-shadow: 0 2px 0 #5c0e0f; } .booklink-footer{ clear: both; } @media only screen and (min-width: 641px) { .kaerebalink-image{ float: left; width: 20%; } .kaerebalink-name{ padding: 0 0 0 0; } .kaerebalink-detail{ padding: 0 0 10px 0; font-size: 80%; } .kaerebalink-info{ float: right; width: 75%; } .shoplinkamazon { float: left; width: 48%; margin: 0; } .shoplinkamazon a{ padding: 8px 0; } .shoplinkrakuten { float: right; width: 48%; margin: 0; } .shoplinkrakuten a{ padding: 8px 0; } |
注意点としてはカエレバ設定画面のデザイン部分を以下の画像のように
・amazlet風-2(cssカスタマイズ用)
・なし
にしていただく必要があるという程度ですね。
上記CSSとカエレバの設定で記事内にソースを埋め込むと以下のように表示されます。
もちろんレスポンシブ対応です！
上記のCSSをお使いのWordPressテーマのCSSファイルに追記すればOKですが、サイトを横展開していった時に管理がしやすいように、僕は上記のCSSを個別のファイル（kaereba.css）として読み込むようにしています。
まとめ
上記のCDに収録されている1曲『陽』は東京メトロのCMタイアップ曲です。
石原さとみさんがカワイイ…
という話はひとまずおいといて…
この曲の歌詞が良いんです。
今日はアタリ 今日はハズレ そんな毎日でも
明日も進んでいかなきゃいけないから
大好きになる 大好きになる 今を大好きになる
催眠術でもいいからかけてよ
明日も進んでいかなきゃいけないから
クリープハイプ『陽』より引用
アフィリエイト（特にトレンドアフィリエイト）は、当たったり外れたりということの繰り返しです。
特に始めたての頃はアクセスが全く集まらず、「これで月に10万円なんて稼げるわけ無い…！」と思ってしまう瞬間がたくさんあると思います。
そんな時には稼げるようになった自分、なりたい自分をイメージするという催眠術をかけて、とにかく手を動かして進んでいくしかないんです。
そして、その先には必ず明るい未来が待ってますよ！
うーん、まさにこの曲の通りですね。
って、ちょっと強引でしたかね？（笑）
引き続きがんばっていきましょう！
期間限定企画実施中！
アフィリエイトの始め方が分からない
結果がなかなか出ない
という方に向けて、期間限定で無料相談を受付けています。
以下のリンクより、お気軽にお問い合わせください。
コメントを残す