slick.jsを使ったバナーを作るWEBサービス
こんにちは。ひろぽんです。毎日暑いですね。
ショップサーブというネットショップ運営サイトについて調べ中、
独自にアフィリエイトを展開できることが分かったのです。
Eストアーフレンドリンクというやつ。
試しに、お花屋さんのEストアーフレンドリンクに登録してみました。
※Googleで検索してたまたま出てきたお店です。私とは無関係ですよ。
紹介したい商品を選んで、URLを貼り付けで簡単にアフィリエイトできそうです。
ただ、ひとつひとつ手作業で貼り付けていったり、売り切れになった商品を外したりとか、メンテナンスがめんどくさいかもしれない。
そこで、放置してても常に新しい情報に更新できるような仕組みを考えてみた。
1)ショップ側で、ウェブ上にデータファイルを置いて更新
2)PHPでデータファイルを読んでHTMLを作成
3)アフィリエイター側は、iframeタグで貼り付け
jQueryのslick.jsというプラグインと組み合わせて、
たくさんの商品を紹介できるPHPを作ってみる。
用意するCSVファイルはこんな感じ。
A列にリンク先URL、B列に画像URL、C列はaltに入れようと思ってて未実装
CSVを読み込んだあと、シャッフルして表示します。
表示する画像の大きさや、数など、細かい設定はGET変数で変更できるようにして、
カスタマイズも簡単にできるようなツールも作ってみました。
http://peta.boy.jp/slick01/slick_af_i.php
設定かえると形を変えれます。
画像幅:200 画像数:1 モード:1 フレーム幅:250 フレーム高:200
よく考えたら、別にショップサーブのアフィリエイトじゃなくてもいいな。。
データファイルを同じような形で作れば、いろいろ応用できそう。
レンタルサーバ等にCSVファイルを置ける人は、試しに使ってみてください。