PowerPoint プレゼンテーション

Size: px

Start display at page:

Download "PowerPoint プレゼンテーション"

けいざぶろうくまじ
7 years ago
Views:

1 リンクシェアジャパン ~WordPress で自分のサイトを収益化してみよう ~ 株式会社コミュニティコム星野邦敏東京都荒川区西日暮里 NSO2 階 URL: mail@communitycom.jp 1

2 目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 2

3 目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 3

4 自己紹介星野邦敏 ( ほしのくにとし ) Twitter Facebook : 星野邦敏 (Kunitoshi Hoshino) 株式会社コミュニティコムという会社で自社運営サイトやアプリ他企業様向けサイトも作っていますオープンソースの活動をしたり IT 系の勉強会を主催したり地域の活動をしたり WordPressをCMSとしてWEBサイトを作ることが増えています 4

5 WordPressマネタイズセミナー自己紹介 WordPressのイベントである WordCamp や WordBench にスタッフやスピーカーとして参加 5

6 自己紹介 WordPress 日本語サイトのイベントカレンダーを更新する係ココ 6

7 自己紹介公式ディレクトリにプラグインを登録したり Japan Tenki プラグイン全国 142 地域の天気を自動表示 Hello Wapuu プラグインブログ更新を応援 7

8 自己紹介 WordPress に関して書籍や雑誌で執筆をしたり 2012 年 1 月に出版 web creators 特別号 Webサイト制作最新トレンドの傾向と対策 2012 年 2 月に出版 Web Designing 2012 年 3 月号 2012 年 3 月に出版速習デザイン WordPress 8

9 自己紹介 WordPress に関して書籍や雑誌で執筆をしたり今も執筆中です 2012 年 7 月に出版 web creators 特別号スマートフォンソーシャルメディア WordPress 9

10 WordPressマネタイズセミナー自己紹介最近の関心事はコワーキングスペースを作ることです埼玉県さいたま市大宮駅東口徒歩 1 分 65 坪 215 平米 2012 年 12 月 1 日 ( 土 ) 本格オープン予定 10

11 今日のワークショップサッカーを題材としたWebサイトにリンクシェアの WebAPI クロスオーバーサーチを組み込んでみる 11

12 今日のワークショップホームページビルダー 17 で WordPress テーマが作れるようになりました 12

13 サンプルサイト母の日ギフト人気ランキング

14 WordPress と API の連携 (API の活用事例 ) クロスオーバーサーチを利用 14

15 WordPress と API の連携 (API の活用事例 ) セール & クーポンサーチを利用 15

16 WordPress と CSV の連携 (CSV の活用事例 ) マーチャンダイザーを利用 16

17 サンプルサイト海外旅行の格安航空券 & ホテル MAP 17

18 サンプルサイト海外旅行の格安航空券 & ホテル MAP マーチャンダイザーを利用して約 15 万件のホテル情報を 1ホテル1ページで一括作成 18

19 サンプルサイト水族館コミュニティ 19

20 目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 20

21 クロスオーバーサーチとは? リンクシェアさんのサービス名称であって要は API のことです 21

22 API とは? Application Programming Interface API( アプリケーションプログラミングインタフェース Application Programming Interface) とはアプリケーションから利用できるオペレーティングシステムやプログラミング言語で用意されたライブラリなどの機能の入り口となるものである主にファイル制御ウインドウ制御画像処理文字制御などのための関数として提供されることが多いつまり簡単にいえばアプリケーションをプログラムするにあたってプログラムの手間を省くためもっと簡潔にプログラムできるように設定されたインターフェースの事である (Wikipediaより) 22

23 API とは? 要はその WEB サービスにあるデータを自由に使えると言うこと 23

24 図にするとこういうイメージ広告主契約手数料 Web API やオープンソース直接広告 ( 純広告 ) として報酬無料で Web API やオープンソースを公開対象となるユーザーを集客して成果に貢献する提携広告仲介業者や広告代理店 ( 例 ) リンクシェア報酬 Web API やオープンソースを世の中に広める自分の運営サイト無料でその分野テーマに関する情報が手に入りかつユーザー間での交流ができる得た広告報酬等によりサービスをより向上させるインターネットユーザー 24

25 Web API のメリット <WEB 制作者のメリット> 他社の膨大なデータベースや機能を無料で利用できるため Webサイトの開発コストを大幅に削減でき効率的に制作できる <API 提供会社のメリット> 自社のみでは考え付かないようなWEBサービス等を外部の誰かが作ってくれるため結果として自社サービスの利用者が増えることが期待できる 25

26 何ができるの? 26

27 WordPress に天気情報を自動で取得各地域の天気予報を自動で取得する 27

28 WordPress の各記事の位置情報を地図に表示各記事の水族館の位置を Google Maps APIと連携して自動で地図に一覧表示させる & 近いスポットはピンをまとめる 28

29 WordPress に周辺の写真を自動で表示そのスポットの周辺の写真を自動で表示させる 29

30 WordPress に画像を自動で表示各記事に関連する画像を自動表示する 30

31 WordPressに Twitter 情報を自動で表示その水族館について Twitter の最新つぶやきを自動表示させる 31

32 WordPress にカフェ情報を自動で表示そのスポットから 2 点間の直線距離の近い順番にカフェやレストランを自動で一覧表示するこの部分は自動でアフィリエイトリンクになっていて成果の収益に繋がる 32

33 WordPress にホテル情報を自動で表示そのスポットから 2 点間の直線距離の近い順番にホテルを自動で一覧表示するこの部分は自動でアフィリエイトリンクになっていて成果の収益に繋がる 33

34 WordPress に商品情報を一覧表示記事に関連する商品を自動で一覧表示するこの部分は自動でアフィリエイトリンクになっていて成果の収益に繋がる 34

35 もちろんリンクシェアクロスオーバーサーチも! クロスオーバーサーチから情報を自動で取得アフィリエイト成果にもなる 35

36 キーワードはカスタムフィールド Web API 36

37 カスタムフィールドカスタムフィールドを使ってみましょう! カスタムフィールドは WordPressに元々備わっている機能です 37

38 カスタムフィールド例 : カスタムフィールドを出力する WordPressのテンプレートタグ <?php echo get_post_meta($post->id,'address',true);?> カスタムフィールドに入力したデータを表示しています 38

39 カスタムフィールドテーマに4 行のプログラムを追加して実現! <?php $custom1 = urlencode(post_custom('name')); $yahoo_gazou_api = " アプリケーション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

40 WordPress 以外のAPIサンプルコードを WordPressに組み込むこともできます WordPressを使えばページごとに自由にキーワードを変えられるようにできる 40

41 WordPress 以外のAPIサンプルコードを WordPressに組み込むこともできますフラワーギフトに関連するWeb APIが 41 アフィリエイトリンクで自動表示

42 ワークショップ - クロスオーバーサーチ WordPressにクロスオーバーサーチの商品情報を自動で取得 42

43 実際にワークショップをしてみましょう! 自分のサイトに商品リンクを表示させてみましょう! 43

44 でどう作るの? 手順は 10 個 44

45 ( 手順 1)Web API の仕様を確認するリンクシェアお問い合わせクロスオーバーサーチ Webサービスとは? 仕様書ダウンロード可能 45

46 ( 手順 2) リンクシェアはトークンが必要 46

47 ( 手順 3) パラメーターを確認パラメーターを確認するパラメーター制約やソートの条件を指定するリンクシェアさんの API のリファレンスはダウンロード PDF の中にあります 47

48 ( 手順 4)XML を生成パラメーターに基づいて XML を生成するリンクシェアマーチャンダイザーの場合がベースその上でパラメーターを付ける ( 例 ) 自分のトークン ] &keyword= フラワーギフト &max=9&sort=retailprice&sorttype=asc 条件の設定 ( 例 ) 価格の安い順番に上位 9 件を取得する 48

49 ( 手順 5) 一応 XML を確認 ( 例 ) 自分のトークン ] &keyword= ギフト 49

50 ( 手順 6)simplexml_load_file で分析 ( パース ) ( 例 ) $linkshare = ( 手順 4 の XML) ; $xml = simplexml_load_file ($linkshare); 50

51 ( 手順 7) レスポンスフィールドを確認レスポンスフィールド (XMLデータ項目説明) を確認するレスポンスフィールド出力データを指定するリンクシェアさんの API のリファレンスはダウンロード PDF の中にあります 51

52 ( 手順 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

53 ( 手順 9) 変更したい点だけをカスタムフィールドで自由に変えることも出来ます post_custom(' 名前 ') カスタムフィールドで設定する名前それに合わせて値を設定 53

54 ( 手順 10) サイトを確認大きな流れとしては (1) リクエストパラメーターで条件を設定して (2) レスポンスフィールドで出力項目を決める 54

55 リンクシェアさんの提供しているセール& クーポンサーチWebサービスも同じ流れで設定しますリンクシェアお問い合わせセール & クーポンサーチ Webサービスとは? 仕様書ダウンロード可能 55

56 セール & クーポンサーチ Web サービスの例母の日新生活クリスマスなどのジャンルによってその時にセールをしている情報を自動で表示できます 56

57 最近の検索エンジン動向重複コンテンツに厳しい! サイトの被リンク数やドメインエイジやオリジナルコンテンツ比率にもよって変わる? あえて JavaScriptで APIを表示するサイトも? 57

58 先人の偉い人がこう言いました誤解を恐れずに言えば WebAPIやCSVはコレが可能ですどう並べるか? 切り口! 詳しくはほぼ毎月無料開催されているリンクシェア初心者向けアフィリエイト講習会で鈴木さんに聞いてください 58

59 目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 59

60 CSV( マーチャンダイザー ) を使ってみるマーチャンダイザーとは? リンクシェアさんのサービス名称であって要は CSV のことです 60

61 CSV( マーチャンダイザー ) を使ってみるマーチャンダイザーとは? CSVデータは広告主の商品情報を一括 CSVとしてダウンロードもできるし広告主の各カテゴリーだけのCSVをダウンロードすることもできる ( 例 ) 日比谷花壇各カテゴリーごとにCSVもあるし一括 CSVデータもある 61

62 CSV( マーチャンダイザー ) を使ってみるマーチャンダイザーとは? 行が各広告で統一されている 28 行仕様がキッチリしていますリンクシェアお問い合わせマーチャンダイザー Webサービスとは? 仕様書ダウンロード可能 62

63 CSV( マーチャンダイザー ) を使ってみる WordPressを使えば CSVデータをメタデータ ( カスタムフィールド ) として本文を書ける 63

64 WordPressマネタイズセミナー携帯 & スマートフォンに対応アフィリエイトリンクの成果対象 PCサイトスマートフォンサイトモバイルサイト ( ガラケー携帯 ) PC 用アフィリエイトリンクモバイル用アフィリエイトリンクリンクシェアバリューコマース A8など多くのASPはこの仕様 PC 用とモバイル用で振り分けないと収益の成果対象にならない楽天アフィリエイトのように PC 用とモバイル用のアフィリエイトリンクを統一したASPもある 64

65 携帯 & スマートフォンに対応 WordPress でのアフィリエイトリンク対応まとめ PC サイトスマートフォンサイトモバイルサイト ( ガラケー携帯 ) PC 用アフィリエイトリンクモバイル用アフィリエイトリンク ( 方法 1) スマートフォンに自動対応のプラグイン ( 方法 2) レスポンシブウェブデザイン対応テーマ ( 方法 3) ユーザーエージェントで振り分け Ktai Style プラグイン 65

66 目次 1. 自己紹介 2. 3.CSV( マーチャンダイザー ) を使ってみる 4. 今後の情報収集の方法 & 質疑応答 66

67 WordPress 情報の調べ方 WordCamp ユーザー開発者が集うイベント世界 40 以上の都市で開催世界中で200 回以上の開催実績日本では年に2~3 回今までに東京京都福岡横浜名古屋神戸 67

68 WordPress 情報の調べ方 WordCamp イベント参加者約 1100 人 ( 直近の WordCamp Tokyo 2012 の参加人数 ) WordPressに関するセッションやワークショップも多数 (WordCamp 横浜スタッフの集合写真 ) スタッフもたくさん! 当日だけお手伝いも大歓迎! 68

69 WordPress 情報の調べ方 WordBench 各地域のユーザーコミュニティ現在全国各地約 40 地域毎月日本のどこかで勉強会や交流会を開催 BuddyPressプラグインによるオープンSNS 写真部英語部料理部もくもく部なども 69

70 WordPress 情報の調べ方 WordCamp 大阪 2012 年 11 月 3 日 ( 土 ) 天満研修センター 70

71 WordPressマネタイズセミナー最後に WordPressで繋がろう! WordPressのコミュニティにぜひご参加を! WordPressのイベントや勉強会に参加してみませんか? 71

72 WordPressマネタイズセミナー最後に今後のお問い合わせなど何かありましたら Mail: URL: などにご連絡くださいありがとうございました! 株式会社コミュニティコム星野邦敏 72

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション WordPressと外部 WebAPIを連携してオリジナルのWebサービスを作ろう! 株式会社コミュニティコム星野邦敏 116-0013 東京都荒川区西日暮里 5-37-5 NSO2 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1 目次 0. 自己紹介 1. WordPressとWebAPIで出来ること 2. WordPressとWebAPIの実装の流れ