「カッコいいホームページが、専門的な知識なしに誰でも簡単に作れるぜ！」みたい売り文句で、全世界に多くの利用者をもつ【Wix】。
じゃ、一体どこまでできるのよ君は！？ということで、日頃ホームページ制作のお仕事をさせていただいている一応プロの私が、試しに自分のサイトをWixで作成してみた。
ここでは、Wixのサービスを利用する中で、作り方のコツや気付いたことなどを色々紹介していきたい。
今回は「アフィリエイトできる？」
Wixのブログでアフィリエイトはできるのか。。
そう思い、一度チャレンジしてみることに。
もしもアフィリエイト
そこで、最近よく見る有名な【もしもアフィリエイト】の［かんたんリンク］を設置しようと試みた。
一つの商品に対して、【楽天】、【Yahoo!ショッピング】、【Amazon】など有名どころのサイトへのリンクボタンがキレイに生成され、しかも、PCとスマホに対して、レスポンシブでしっかりレイアウトも調整されるので非常に優秀だ。
設置は簡単、もしもアフィリエイトのサイトからかんたんリンクのページへ行き、そこで、商品を検索すると関連する商品の一覧が表示される。
その中から、紹介したい商品を選ぶと、自動ですぐ掲載用のHTMLソースが生成されるので、これをブログに設置すれば完了である。
しかし、非常に残念ながらWixの場合、設置はできるが、各リンクボタンを押す際エラーが出てしまう。
通常、リンクボタンを押すと同じウインドウ内で新しいページ（各商品ページ）が開くのだが、これがWixのサーバの問題か、別ウインドウで開かない限りリンク先の新しいページが表示されない。
セキュリティの問題と思われるが、これはWixのサーバの設定を変えない限り難しそうだ。
従って、別ウインドウで開くしかなく、その指示をソースに追記する必要がる。
ただ、問題になってくるのが、このかんたんリンクのHTMLソース。
<script>で囲まれているので、これはjavascriptで制御されている。
ここに別ウインドウで開くという指定は、私が知る限り難しいため、残念ながら、Wixでかんたんリンクを使用するのは難しいという結論に至った。
そこで、もう一つの有名どころ【A8.net】で試してみることに。
こちらはかんたんリンクはないので、Amazon、楽天と一つずつリンクを作成するしかない。
今回はAmazonのリンクを作成してみることに。
まず、Amazonの広告申請を行い、承認がおりたら、［参加中のプログラム］一覧からAmazonの《商品リンク》をクリック。
次に、［キーワード］に商品に関するキーワードを入れ検索、下に一覧が表示されるので、該当の商品の《商品リンク作成》ボタンをクリック
そうすると、設置するHTMLソースが表示されるので、これをWixブログ記事内に設置する。
見てみると、テキストや画像に<a>タグが使用されていたので、別ウインドウで開くための指定「target="_blank"」が使えそうだ。
また、基本iframeなので、PCとスマホでのレスポンシブが難しく、それを見越したサイズに調整も必要だ。
ということで、下記の様にソースを修正してみた。
青のマーカー部分が修正箇所だ。
画像をセンター合わせにしたり、スマホで真ん中に表示されるようにしたり、少しフォントを大きくしたりと調整を加えている。
PCでの表示が少しコンパクトになってしまうが、これは仕方ない。
結局、Youtubeを貼り付ける時も同じようにサイズ調整は必要だ。
<table cellpadding="0" cellspacing="0" border="0" style=" border:1px solid #ccc; width:280px; margin-left: 20px;"><tr style="border-style:none;"><td style="vertical-align:top; border-style:none; padding:10px 10px 0pt; width:140px; text-align: center;"><a href="https://px.a8.net/svt/ejp?a8mat=3TEYDL+29KENM+249K+BWGDT&a8ejpredirect=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB076M9T11S%2F%3Ftag%3Da8-affi-318478-22" rel="nofollow" target="_blank"><img border="0" alt="" src="https://m.media-amazon.com/images/I/51bXxD2FhDL._SS160_.jpg" /></a></td></tr><tr style="border-style:none;"><td style="font-size:14px; vertical-align:middle; border-style:none; padding:10px;"><p style="padding:0; margin:0;"><a href="https://px.a8.net/svt/ejp?a8mat=3TEYDL+29KENM+249K+BWGDT&a8ejpredirect=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB076M9T11S%2F%3Ftag%3Da8-affi-318478-22" rel="nofollow" target="_blank">ゴードンミラー(Gordon Miller) スプレーボトル 500ml サイズ:約W86×H232×D66mm トリガー:SPRAY/STREAM切替 素材:ボトルPE/トリガーPP,PE 日本製 1482942</a></p><p style="color:#cc0000; font-weight:bold; margin-top:10px;">新品価格<br/>￥610<span style="font-weight:normal;">から</span><br/><span style="font-size:10px; font-weight:normal;">(2023/10/27 11:39時点)</span></p></td></tr></table>
<img border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3TEYDL+29KENM+249K+BWGDT" alt="">
修正したソースをWixに設置する方法は、ブログ記事入力画面の左メニュー一番上の［追加］から、一番下の［HTMLコード］を選んで、設置するだけ。
これで準備完了だ。
バリバリ儲けたいなら、Wixでアフィリエイトは少し厳しい
まだ成果が出ていないのでなんとも言えないが、インプレッション数やクリック数はちゃんとカウントされているので、ソースを修正はしたが、恐らく問題ないと思う。
ただ、やはりWixで本格的にアフィリエイトは現状厳しい気がするので、様々な面でWordpressを利用する方が得策だろう。
私の様に、Wixでサイトを作成し、そのブログ内でネタとして自分の買ったものを紹介、どうせなら、商品へのリンク貼れたら分かりやすいし良いかも程度の発想なら、上記方法でお試しいただければと思う。
今後、願わくば、Wixの仕様を変えていただくか、かんたんリンクの生成されるソースを別ウインドウで開く仕様に変更してほしいものだ。
この【Resistance Design】のホームページも、Wixを利用し作成しています。
Wixなら、Wordpress（ワードプレス）等のCMSを使って作成するサイトよりも、圧倒的に低コストで作成が可能です。
個人でお店を経営されているオーナー様など、そこまでホームページにお金をかけたくないという方は、一度メールフォームにてご相談ください。
しっかり調整すれば、名刺代わり以上のホームページを作成できます。
私の様に、小規模で事業を展開されておられる方々を是非応援させていただきたいと考えております。
---
RESISTANCE DESIGN（レジスタンス・デザイン）
レジスタンス・デザインは、滋賀県大津市にて、ホームページ制作をメインにお仕事をさせていただいております。
ウェブに関すること、植物に関すること、何かこいつと面白いことできるかもしれないと思われた方は、お気軽にメールフォームにてお問い合わせください。
代表／横山 昌史（Masashi Yokoyama）
Comments