旅行アフィリエイトにおすすめなトマレバの使い方

どうも、リュウセイです!

 

今回は、宿やホテルなどをブログで紹介してアフィリエイトしたい方におすすめな、登録不要な無料ツール「トマレバ」についてご紹介していきます。

 

同じ開発者シリーズで、「カエレバ」「ヨメレバ」「ポチレバ」「タベレバ」があります。名前を見ればなんとなく何ができるツールなのか分かりますよね。

 

そのどれも使い方・設定方法はほぼ同じなので、今後使うことも視野に入れて合わせて設定しておくと良いかもしれません。

 

それで、トマレバで作成したリンクがコチラです↓

 

 

リンクと画像を自動で生成してブログパーツとして使えるようにしてくれる優良ツールです。

 

トマレバを利用することで、複数の旅行会社へのリンクを纏めて紹介して、アフィリエイト報酬の取りこぼしを最大限防げます。

 

この宿に泊まりたいけどじゃらんへのリンクがない…。自分で検索して申し込もう』というのを防げるワケですね。

 

ってことで、トマレバの使い方や設定方法についてご紹介していきます。

 

 

トマレバを使うのに必要な提携先の広告主とアフィリエイトASP

 

トマレバはアフィリエイト用ツールなので、アフィリエイトASPの登録が必要不可欠です。

 

トマレバを利用するのに必要な広告主は以下の通りです。

 

  • 楽天トラベル
  • じゃらん
  • JTB
  • 近畿日本ツーリスト(knt)
  • 一休
  • るるぶ
  • Yahooトラベル

 

そしてこれらの広告主と提携できるアフィリエイトASPは以下の通りです。

 

【もしもアフィリエイトor楽天アフィリエイト】
楽天トラベル

 

【バリューコマース】
じゃらん、JTB、近畿日本ツーリスト(knt)、一休、るるぶ、Yahooトラベル

 

楽天アフィリエイトの報酬は楽天ポイントで支払われるため、現金がいいという方はもしもアフィリエイトから提携しましょう。

 

トマレバを使うにあたっては「もしもアフィリエイトor楽天アフィリエイト」「バリューコマース」への登録で十分です。

 

登録はいずれも無料なので、下記の記事を参考にして登録しておいてください。

 

もしもアフィリエイトの登録方法|登録削除される理由も合わせて解説

バリューコマースの登録の流れ|メリット・デメリットも解説

 

 

トマレバの設定方法

 

トマレバでブログパーツを作成するにあたって、ASPから「アフィリエイトID」を取得します。

 

「もしもアフィリエイト」「バリューコマース」からアフィリエイトIDを取得してトマレバに登録する手順について解説していきますね。

 

もしもアフィリエイトからアフィリエイトIDを取得する手順

 

もしもアフィリエイトからは「楽天トラベル」のアフィリエイトIDを取得していきます。

 


もしもアフィリエイトにログインして検索窓に「楽天トラベル」と入力して検索


 


「提携申請する」をクリック


 


「広告リンク取得」をクリック


 


ソースコード内の「id=●●」の「●●」をコピー


 

この●●がアフィリエイトIDとなります。

 

以上がもしもアフィリエイトでのID取得の手順です。

 

バリューコマースアフィリエイトIDを取得する手順

 


バリューコマースにログインして検索窓に「じゃらん」と入力して検索


 


「広告素材を選ぶ」をクリック


 


「同意」をクリック


 


「提携済み」と出ていることを確認する


 


下にスクロールすると「MyLink」の項目があるので「広告主のサイトを見る」をクリック


 


広告主のトップページURLをコピーする


 


URLを貼り付けて「MyLinkコードを取得」をクリック(ID取得が目的なのでテキストは適当でOK)


 


ソースコード内の「sid=●●」「pid=●●」それぞれの「●●」をコピー


 

以上がバリューコマースでのID取得の手順です。

 

残りのJTB、近畿日本ツーリスト(knt)、一休、るるぶ、Yahooトラベルも同様にID取得してください。

 

 

ちなみに、ASPで広告主を検索する際は、広告主名を一語一句間違わずに入力してください。

 

例えば、Yahoo!トラベルは「yahooトラベル」で検索すると候補に引っかかりません。

 

同じく、近畿日本ツーリスト(knt)も「近畿日本ツーリスト」か「knt」で検索するようにしてください。

 

細かいですが、念のためお伝えしておきました。

 

トマレバにアフィリエイトIDを登録する

 

アフィリエイトIDを取得したら、トマレバに登録していきます。

 

トマレバにアクセスして下にスクロールしていくと「ユーザーデーター入力」の項目があるので、そこへ先ほど取得したIDを貼り付けていきます↓

 

 

全ての入力が終わったら「保存」をクリックして終了です↓

 

 

ユーザーデータは一度入力して保存しておけばそのままデータが残るので、データ入力は最初の一回だけでOKです。

 

 

ブログにトマレバのブログパーツを貼り付けよう

 

これで、ブログにトマレバのブログパーツを貼り付けるための下準備(ID取得&登録)は全て完了です。

 

ここからはブログパーツを作成して、パーツのHTMLを取得していく作業です。

 


トマレバのヘッダーにある検索窓へ宿・ホテル名キーワードを入力して検索する


 


「ブログパーツを作る」をクリック


 


画像の通りに設定をしてHTMLをコピーする


 

後はこのHTMLをブログにコピペすればOKです。

 

実際貼ってみたものがこれです↓

 

 

今回はCSSデザインのものを選択しましたが、これを実装するにはテーマのスタイルシートへCSSを記述する必要があります。

 

以下のCSSコードをスタイルシートの一番下に記述すれば動作します。コードはコチラのサイトから引用してきました。

 


/*————————————————–
カエレバ・ヨメレバ・トマレバ WordPressの場合
—————————————————*/

.cstmreba {
width: 98%;
height:auto;
margin:36px 0;
font-family:’Lucida Grande’,’Hiragino Kaku Gothic ProN’,Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
transition: 0.8s ;
color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,.cstmreba .kaerebalink-box,.cstmreba .tomarebalink-box {
width: 100%;
background-color: #fff; /* 全体の背景カラー */
overflow: hidden;
border:double #d2d7e6;
border-radius: 5px;
box-sizing: border-box;
padding: 12px 8px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
/* サムネイル画像 */
.cstmreba .booklink-image a img,.cstmreba .kaerebalink-image a img,.cstmreba .tomarebalink-image a img {
margin:0 auto;
padding: 0;
text-align:center;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px dotted ;
font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 img {
display:none !important;
}
.cstmreba .kaerebalink-link1,.cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
float:left;
width:31%;
min-width:125px;
margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
box-shadow: 0 2px 0 #ccc;
background: -moz-linear-gradient(top,#fafafa,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; } /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a ,
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}
/*** 解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
width: 95%;
margin: 0 auto 8px auto;
float:none;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}
/*————————————————–
ボタンの背景色をRinker風にカスタマイズ
—————————————————*/

.cstmreba .kaerebalink-link1 .shoplinkrakuten a, .cstmreba .booklink-link2 .shoplinkrakuten a {
color: #fff;
background: #cf4944 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkamazon a, .cstmreba .booklink-link2 .shoplinkamazon a {
color: #fff;
background: #f6a306 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {
color: #fff;
background: #51a7e8 !important;
}

 

ちなみに、CSSやJavascriptなどのコードは圧縮させることが可能で、コード呼び出しがスムーズになりサイト表示速度への負担を軽く出来ます。

 

CSS Minifier (スタイルシートの圧縮)」でコードの圧縮が可能なので、良ければ試してみてください。

 

上記のCSSを圧縮したものがコチラです。

 


.cstmreba{width:98%;height:auto;margin:36px 0;font-family:Lucida Grande,Hiragino Kaku Gothic ProN,Helvetica,Meiryo,sans-serif;line-height:1.5;word-wrap:break-word;box-sizing:border-box;display:block}.cstmreba a{transition:.8s;color:#285eff}.cstmreba a:hover{color:#ffca28}.cstmreba .booklink-box,.cstmreba .kaerebalink-box,.cstmreba .tomarebalink-box{width:100%;background-color:#fff;overflow:hidden;border:double #d2d7e6;border-radius:5px;box-sizing:border-box;padding:9pt 8px}.cstmreba .booklink-image,.cstmreba .kaerebalink-image,.cstmreba .tomarebalink-image{width:150px;float:left;margin:0 14px 0 0;text-align:center}.cstmreba .booklink-image a,.cstmreba .kaerebalink-image a,.cstmreba .tomarebalink-image a{width:100%;display:block}.cstmreba .booklink-image a img,.cstmreba .kaerebalink-image a img,.cstmreba .tomarebalink-image a img{margin:0 auto;padding:0;text-align:center}.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info{overflow:hidden;line-height:170%;color:#333}.cstmreba .booklink-info a,.cstmreba .kaerebalink-info a,.cstmreba .tomarebalink-info a{text-decoration:none}.cstmreba .booklink-name>a,.cstmreba .kaerebalink-name>a,.cstmreba .tomarebalink-name>a{border-bottom:1px dotted;font-size:1pc}.cstmreba .booklink-name p,.cstmreba .kaerebalink-name p,.cstmreba .tomarebalink-name p{margin:0}.cstmreba .booklink-powered-date,.cstmreba .kaerebalink-powered-date,.cstmreba .tomarebalink-powered-date{font-size:10px;line-height:150%}.cstmreba .booklink-powered-date a,.cstmreba .kaerebalink-powered-date a,.cstmreba .tomarebalink-powered-date a{border-bottom:1px dotted;color:#333}.cstmreba .booklink-powered-date a:hover,.cstmreba .kaerebalink-powered-date a:hover,.cstmreba .tomarebalink-powered-date a:hover{color:#333}.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address{font-size:9pt}.cstmreba .booklink-link2 img,.cstmreba .kaerebalink-link1 img,.cstmreba .tomarebalink-link1 img{display:none!important}.cstmreba .booklink-link2,.cstmreba .kaerebalink-link1,.cstmreba .tomarebalink-link1{display:inline-block;width:100%;margin-top:5px}.cstmreba .booklink-link2>div,.cstmreba .kaerebalink-link1>div,.cstmreba .tomarebalink-link1>div{float:left;width:31%;min-width:125px;margin:.5% 1%}.cstmreba .booklink-link2 a,.cstmreba .kaerebalink-link1 a,.cstmreba .tomarebalink-link1 a{width:100%;display:inline-block;text-align:center;box-sizing:border-box;font-size:13px;font-weight:700;line-height:180%;padding:3% 1%;margin:1px 0;border-radius:4px;box-shadow:0 2px 0 #ccc;background:-moz-linear-gradient(top,#fafafa,#eee);background:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#eee))}.cstmreba .booklink-link2 a:hover,.cstmreba .kaerebalink-link1 a:hover,.cstmreba .tomarebalink-link1 a:hover{text-decoration:underline}.cstmreba .tomarebalink-link1 .shoplinkrakuten a{color:#76ae25}.cstmreba .tomarebalink-link1 .shoplinkjalan a{color:#ff7a15}.cstmreba .tomarebalink-link1 .shoplinkjtb a{color:#c81528}.cstmreba .tomarebalink-link1 .shoplinkknt a{color:#0b499d}.cstmreba .tomarebalink-link1 .shoplinkikyu a{color:#bf9500}.cstmreba .tomarebalink-link1 .shoplinkrurubu a{color:#006}.cstmreba .tomarebalink-link1 .shoplinkyahoo a{color:#f03}.cstmreba .kaerebalink-link1 .shoplinkyahoo a{color:#f03;letter-spacing:normal}.cstmreba .kaerebalink-link1 .shoplinkbellemaison a{color:#84be24}.cstmreba .kaerebalink-link1 .shoplinkcecile a{color:#8d124b}.cstmreba .kaerebalink-link1 .shoplinkkakakucom a{color:#314995}.cstmreba .booklink-link2 .shoplinkkindle a{color:#007dcd}.cstmreba .booklink-link2 .shoplinkrakukobo a{color:#d50000}.cstmreba .booklink-link2 .shoplinkbk1 a{color:#0085cd}.cstmreba .booklink-link2 .shoplinkehon a{color:#2a2c6d}.cstmreba .booklink-link2 .shoplinkkino a{color:#003e92}.cstmreba .booklink-link2 .shoplinktoshokan a{color:#333}.cstmreba .booklink-link2 .shoplinkamazon a,.cstmreba .kaerebalink-link1 .shoplinkamazon a{color:#ff9901}.cstmreba .booklink-link2 .shoplinkrakuten a,.cstmreba .kaerebalink-link1 .shoplinkrakuten a{color:#c20004}.cstmreba .booklink-link2 .shoplinkseven a,.cstmreba .kaerebalink-link1 .shoplinkseven a{color:#225496}.cstmreba .booklink-footer{clear:both}@media screen and (max-width:480px){.cstmreba .booklink-image,.cstmreba .kaerebalink-image,.cstmreba .tomarebalink-image{width:100%;float:none}.cstmreba .booklink-link2>div,.cstmreba .kaerebalink-link1>div,.cstmreba .tomarebalink-link1>div{width:95%;margin:0 auto 8px;float:none}.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info{text-align:center;padding-bottom:1px}}.cstmreba .booklink-link2 .shoplinkrakuten a,.cstmreba .kaerebalink-link1 .shoplinkrakuten a{color:#fff;background:#cf4944!important}.cstmreba .booklink-link2 .shoplinkamazon a,.cstmreba .kaerebalink-link1 .shoplinkamazon a{color:#fff;background:#f6a306!important}.cstmreba .kaerebalink-link1 .shoplinkyahoo a{color:#fff;background:#51a7e8!important}

 

どちらを使っても大丈夫ですよ(動作確認済み)。

 

 

まとめ

 

以上、トマレバの使い方・設定方法の解説でした。

 

僕は旅行ブログ系じゃないのであんまり使う予定はないですが、カエレバはたまに使います。

 

CSS前提なところがありますが、上で紹介したコードは「トマレバ」「カエレバ」「ヨメレバ」「ポチレバ」「タベレバ」全てで反映されるので、一つ記述しておけば大丈夫です。

 

それでは、今回はこの辺で。

 

ありがとうございました。

 

チャオ(・∀・)!

 

コメントを残す

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