リンクシェア ジャパン ~WordPress で自分のサイトを収益化してみよう ~ 株式会社コミュニティコム 星野邦敏 116-0013 東京都荒川区西日暮里 5-37-5 NSO2 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1
目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 2
目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 3
自己紹介 星野邦敏 ( ほしのくにとし ) Twitter : @khoshino Facebook : 星野邦敏 (Kunitoshi Hoshino) 株式会社コミュニティコムという会社で 自社運営サイトやアプリ 他企業様向けサイトも作っています オープンソースの活動をしたり IT 系の勉強会を主催したり 地域の活動をしたり WordPressをCMSとしてWEBサイトを作ることが増えています 4
WordPressマネタイズセミナー自己紹介 WordPressのイベントである WordCamp や WordBench にスタッフやスピーカーとして参加 5
自己紹介 WordPress 日本語サイトの イベントカレンダー を更新する係 ココ 6
自己紹介 公式ディレクトリにプラグインを登録したり Japan Tenki プラグイン 全国 142 地域の天気を自動表示 Hello Wapuu プラグイン ブログ更新を応援 7
自己紹介 WordPress に関して 書籍や雑誌で執筆をしたり 2012 年 1 月に出版 web creators 特別号 Webサイト制作最新トレンドの傾向と対策 2012 年 2 月に出版 Web Designing 2012 年 3 月号 2012 年 3 月に出版 速習デザイン WordPress 8
自己紹介 WordPress に関して 書籍や雑誌で執筆をしたり 今も執筆中です 2012 年 7 月に出版 web creators 特別号スマートフォン ソーシャルメディア WordPress 9
WordPressマネタイズセミナー自己紹介最近の関心事は コワーキングスペースを作ることです 埼玉県さいたま市大宮駅東口徒歩 1 分 65 坪 215 平米 2012 年 12 月 1 日 ( 土 ) 本格オープン予定 10
今日のワークショップ サッカーを題材としたWebサイトに リンクシェアの WebAPI クロスオーバーサーチを 組み込んでみる 11
今日のワークショップ ホームページ ビルダー 17 で WordPress テーマが作れるようになりました 12
サンプルサイト 母の日ギフト人気ランキング 2012 http://mama-gift.com/ 13
WordPress と API の連携 (API の活用事例 ) クロスオーバーサーチ を利用 14
WordPress と API の連携 (API の活用事例 ) セール & クーポンサーチ を利用 15
WordPress と CSV の連携 (CSV の活用事例 ) マーチャンダイザー を利用 16
サンプルサイト 海外旅行の格安航空券 & ホテル MAP http://all-hotel.net/ 17
サンプルサイト 海外旅行の格安航空券 & ホテル MAP http://all-hotel.net/ マーチャンダイザー を利用して 約 15 万件のホテル情報を 1ホテル1ページで一括作成 18
サンプルサイト 水族館コミュニティ http://www.japan-aquarium.com/ 19
目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 20
クロスオーバーサーチ とは? リンクシェアさんのサービス名称であって 要は API のことです 21
API とは? Application Programming Interface API( アプリケーション プログラミング インタフェース Application Programming Interface) とは アプリケーションから利用できる オペレーティングシステムやプログラミング言語で用意されたライブラリなどの機能の入り口となるものである 主に ファイル制御 ウインドウ制御 画像処理 文字制御などのための関数として提供されることが多い つまり 簡単にいえば アプリケーションをプログラムするにあたって プログラムの手間を省くため もっと簡潔にプログラムできるように設定されたインターフェースの事である (Wikipediaより) 22
API とは? 要は その WEB サービスにあるデータを 自由に使えると言うこと 23
図にすると こういうイメージ 広告主 契約 手数料 Web API やオープンソース 直接広告 ( 純広告 ) として報酬 無料で Web API やオープンソースを公開 対象となるユーザーを集客して 成果に貢献する 提携 広告仲介業者や広告代理店 ( 例 ) リンクシェア 報酬 Web API やオープンソースを世の中に広める 自分の運営サイト 無料で その分野 テーマに関する情報が手に入り かつ ユーザー間での交流ができる 得た広告報酬等により サービスをより向上させる インターネットユーザー 24
Web API のメリット <WEB 制作者のメリット> 他社の膨大なデータベースや機能を 無料で利用できるため Webサイトの開発コストを大幅に削減でき 効率的に制作できる <API 提供会社のメリット> 自社のみでは考え付かないようなWEBサービス等を 外部の誰かが作ってくれるため 結果として 自社サービスの利用者が増えることが期待できる 25
何ができるの? 26
WordPress に天気情報を自動で取得 各地域の天気予報を 自動で取得する 27
WordPress の各記事の位置情報を地図に表示 各記事の水族館の位置を Google Maps APIと連携して自動で地図に一覧表示させる & 近いスポットはピンをまとめる 28
WordPress に周辺の写真を自動で表示 そのスポットの周辺の 写真を自動で表示させる 29
WordPress に画像を自動で表示 各記事に関連する画像を 自動表示する 30
WordPressに Twitter 情報を自動で表示 その水族館について Twitter の最新つぶやきを 自動表示させる 31
WordPress にカフェ情報を自動で表示 そのスポットから 2 点間の直線距離の近い順番に カフェやレストランを 自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 32
WordPress にホテル情報を自動で表示 そのスポットから 2 点間の直線距離の近い順番に ホテルを 自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 33
WordPress に商品情報を一覧表示 記事に関連する商品を 自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 34
もちろん リンクシェア クロスオーバーサーチ も! クロスオーバーサーチ から情報を自動で取得 アフィリエイト 成果にもなる 35
キーワードは カスタムフィールド Web API 36
カスタムフィールド カスタムフィールドを 使ってみましょう! カスタムフィールドは WordPressに元々備わっている機能です 37
カスタムフィールド 例 : カスタムフィールドを出力する WordPressのテンプレートタグ <?php echo get_post_meta($post->id,'address',true);?> カスタムフィールドに 入力したデータを 表示しています 38
カスタムフィールド テーマに4 行のプログラムを追加して実現! <?php $custom1 = urlencode(post_custom('name')); $yahoo_gazou_api = "http://search.yahooapis.jp/imagesearchservice/v2/imagesearch?appid=< アプリケーションID>&query=". $custom1 ; $yahoo_gazou_api_xml = simplexml_load_file($yahoo_gazou_api); foreach($yahoo_gazou_api_xml->result as $gazou_output) { echo '<img src="'. $gazou_output->url. '" alt="" />'; }?> 39
WordPress 以外のAPIサンプルコードを WordPressに組み込むこともできます WordPressを使えば ページごとに自由にキーワードを変えられるようにできる 40
WordPress 以外のAPIサンプルコードを WordPressに組み込むこともできます フラワーギフト に関連するWeb APIが 41 アフィリエイトリンクで自動表示
ワークショップ - クロスオーバーサーチ WordPressにクロスオーバーサーチの商品情報を自動で取得 42
実際に ワークショップを してみましょう! 自分のサイトに商品リンクを表示させてみましょう! 43
で どう作るの? 手順は 10 個 44
( 手順 1)Web API の仕様を確認する リンクシェアお問い合わせクロスオーバーサーチ Webサービスとは? 仕様書ダウンロード可能 http://linkshare.okweb3.jp/eokpcontrol?&tid=207339&event=fe0006 45
( 手順 2) リンクシェアはトークンが必要 46
( 手順 3) パラメーターを確認 パラメーターを確認する パラメーター 制約やソートの条件を指定する リンクシェアさんの API のリファレンスは ダウンロード PDF の中にあります 47
( 手順 4)XML を生成 パラメーターに基づいて XML を生成する リンクシェアマーチャンダイザーの場合 http://productsearch.linksynergy.com/productsearch?token= がベース その上で パラメーターを付ける ( 例 ) http://productsearch.linksynergy.com/productsearch?token=[ 自分のトークン ] &keyword= フラワーギフト &max=9&sort=retailprice&sorttype=asc 条件の設定 ( 例 ) 価格の安い順番に 上位 9 件を取得する 48
( 手順 5) 一応 XML を確認 ( 例 ) http://productsearch.linksynergy.com/productsearch?token=[ 自分のトークン ] &keyword= ギフト 49
( 手順 6)simplexml_load_file で 分析 ( パース ) ( 例 ) $linkshare = ( 手順 4 の XML) ; $xml = simplexml_load_file ($linkshare); 50
( 手順 7) レスポンスフィールドを確認 レスポンスフィールド (XMLデータ項目説明) を確認する レスポンスフィールド 出力データを指定する リンクシェアさんの API のリファレンスは ダウンロード PDF の中にあります 51
( 手順 8) 出力 & 表示する ( 例 1)echo で単発で出力 echo $xml->item->linkurl; ( 例 2)foreach 文で条件の回数だけループ処理 ( 繰り返し処理 ) を行う foreach($xml->item as $linkshare_output) { echo '<a href="'. $linkshare_output->linkurl. '">'; echo '<img src="'; echo $linkshare_output->imageurl; echo '" alt="" />'; echo '</a><br />'; echo '</div>'; echo ' 商品名 :'; echo '<strong><a href="'; echo $linkshare_output->linkurl; echo '">'; echo $linkshare_output->productname; echo '</a></strong><br />'; echo '</div>';} 52
( 手順 9) 変更したい点だけをカスタムフィールドで自由に変えることも出来ます post_custom(' 名前 ') カスタムフィールドで設定する名前 それに合わせて 値を設定 53
( 手順 10) サイトを確認 大きな流れとしては (1) リクエストパラメーターで条件を設定して (2) レスポンスフィールドで出力項目を決める 54
リンクシェアさんの提供している セール& クーポンサーチWebサービス も同じ流れで設定します リンクシェアお問い合わせセール & クーポンサーチ Webサービスとは? 仕様書ダウンロード可能 http://linkshare.okweb3.jp/eokpcontrol?&tid=285859&event=fe0006 55
セール & クーポンサーチ Web サービス の例 母の日 新生活 クリスマス などの ジャンルによって その時にセールをしている 情報を自動で表示できます 56
最近の検索エンジン動向 重複コンテンツに厳しい! サイトの被リンク数や ドメインエイジや オリジナルコンテンツ比率にもよって変わる? あえて JavaScriptで APIを表示するサイトも? http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=66359 57
先人の偉い人が こう言いました 誤解を恐れずに言えば WebAPIやCSVは コレが可能です どう並べるか? 切り口! 詳しくは ほぼ毎月無料開催されている リンクシェア初心者向けアフィリエイト講習会 で 鈴木さんに聞いてください 58
目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 59
CSV( マーチャンダイザー ) を使ってみる マーチャンダイザー とは? リンクシェアさんのサービス名称であって 要は CSV のことです 60
CSV( マーチャンダイザー ) を使ってみる マーチャンダイザー とは? CSVデータは 広告主の商品情報を一括 CSVとしてダウンロードもできるし 広告主の各カテゴリーだけのCSVをダウンロードすることもできる ( 例 ) 日比谷花壇各カテゴリーごとにCSVもあるし 一括 CSVデータもある 61
CSV( マーチャンダイザー ) を使ってみる マーチャンダイザー とは? 行が 各広告で統一されている 28 行 仕様がキッチリしています リンクシェアお問い合わせマーチャンダイザー Webサービスとは? 仕様書ダウンロード可能 http://linkshare.okweb3.jp/eokpcontrol?&tid=50604&event=fe0006 62
CSV( マーチャンダイザー ) を使ってみる WordPressを使えば CSVデータをメタデータ ( カスタムフィールド ) として 本文を書ける 63
WordPressマネタイズセミナー携帯 & スマートフォンに対応 アフィリエイトリンクの成果対象 PCサイト スマートフォンサイト モバイルサイト ( ガラケー携帯 ) PC 用 アフィリエイトリンク モバイル用 アフィリエイトリンク リンクシェア バリューコマース A8など 多くのASPはこの仕様 PC 用とモバイル用で振り分けないと 収益の成果対象にならない 楽天アフィリエイトのように PC 用とモバイル用のアフィリエイトリンクを統一したASPもある 64
携帯 & スマートフォンに対応 WordPress でのアフィリエイトリンク対応まとめ PC サイトスマートフォンサイトモバイルサイト ( ガラケー携帯 ) PC 用 アフィリエイトリンク モバイル用 アフィリエイトリンク ( 方法 1) スマートフォンに自動対応のプラグイン ( 方法 2) レスポンシブ ウェブデザイン対応テーマ ( 方法 3) ユーザーエージェントで振り分け Ktai Style プラグイン 65
目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 66
WordPress 情報の調べ方 WordCamp http://japan.wordcamp.org/ ユーザー 開発者が集うイベント 世界 40 以上の都市で開催 世界中で200 回以上の開催実績 日本では年に2~3 回 今までに東京 京都 福岡 横浜 名古屋 神戸 67
WordPress 情報の調べ方 WordCamp イベント参加者約 1100 人 ( 直近の WordCamp Tokyo 2012 の参加人数 ) WordPressに関するセッションやワークショップも多数 (WordCamp 横浜スタッフの集合写真 ) スタッフもたくさん! 当日だけお手伝いも大歓迎! 68
WordPress 情報の調べ方 WordBench http://wordbench.org/ 各地域のユーザーコミュニティ 現在 全国各地約 40 地域 毎月 日本のどこかで勉強会や交流会を開催 BuddyPressプラグインによるオープンSNS 写真部 英語部 料理部 もくもく部なども 69
WordPress 情報の調べ方 WordCamp 大阪 2012 年 11 月 3 日 ( 土 ) 天満研修センター http://2012.osaka.wordcamp.org/ 70
WordPressマネタイズセミナー最後に WordPressで繋がろう! WordPressのコミュニティに ぜひご参加を! WordPressのイベントや勉強会に参加してみませんか? http://ja.wordpress.org/ 71
WordPressマネタイズセミナー最後に今後のお問い合わせなど 何かありましたら Twitter: @khoshino Mail: mail@communitycom.jp URL: http://www.communitycom.jp/ http://wp3.jp/ などに ご連絡ください ありがとうございました! 株式会社コミュニティコム星野邦敏 72