PowerPoint プレゼンテーション

株式会社コミュニティコム

星野 邦敏

WordPressマネタイズセミナー

リンクシェア・ジャパン

～WordPressで自分のサイトを収益化してみよう～

１．自己紹介

２．WebAPI（クロスオーバーサーチ）を使ってみる

３．CSV（マーチャンダイザー）を使ってみる

４．今後の情報収集の方法＆質疑応答

WordPressマネタイズセミナー

目次

１．自己紹介

２．WebAPI（クロスオーバーサーチ）を使ってみる

３．CSV（マーチャンダイザー）を使ってみる

４．今後の情報収集の方法＆質疑応答

WordPressマネタイズセミナー

目次

株式会社コミュニティコムという会社で、 自社運営サイトやアプリ、他企業様向けサイトも作っています。 オープンソースの活動をしたり、IT系の勉強会を主催したり、 地域の活動をしたり。 WordPressをCMSとしてWEBサイトを作ることが増えています。

星野 邦敏(ほしの くにとし)

Facebook : 星野邦敏（Kunitoshi Hoshino）

WordPressマネタイズセミナー

WordPressのイベントである

「WordCamp」や「WordBench」に スタッフやスピーカーとして参加。

WordPressマネタイズセミナー

WordPress日本語サイトの「イベントカレンダー」を更新する係。

ココ

WordPressマネタイズセミナー

公式ディレクトリにプラグインを登録したり。

WordPressマネタイズセミナー

自己紹介

WordPressに関して、書籍や雑誌で執筆をしたり。

WordPressマネタイズセミナー

自己紹介

WordPressに関して、書籍や雑誌で執筆をしたり。

今も執筆中です。

WordPressマネタイズセミナー

自己紹介

埼玉県さいたま市 大宮駅東口徒歩１分 65坪、215平米。 2012年12月1日（土） 本格オープン予定。

WordPressマネタイズセミナー

自己紹介

最近の関心事は、コワーキングスペースを

作ることです。

今日のワークショップ

サッカーを題材

としたWebサイトに、

リンクシェアの

WebAPI

クロスオーバーサーチ

を、組み込んでみる。

WordPressマネタイズセミナー

今日のワークショップ

「ホームページ・

ビルダー17」

で、WordPress

テーマが

作れるように

なりました。

WordPressマネタイズセミナー

サンプルサイト

母の日ギフト人気ランキング2012

http://mama-gift.com/

WordPressマネタイズセミナー

WordPressとAPIの連携（APIの活用事例）

「クロスオーバーサーチ」 を利用。

WordPressマネタイズセミナー

WordPressとAPIの連携（APIの活用事例）

WordPressマネタイズセミナー

WordPressとCSVの連携（CSVの活用事例）

「マーチャンダイザー」 を利用。

WordPressマネタイズセミナー

サンプルサイト

海外旅行の格安航空券＆ホテルMAP

http://all-hotel.net/

WordPressマネタイズセミナー

サンプルサイト

海外旅行の格安航空券＆ホテルMAP

http://all-hotel.net/

WordPressマネタイズセミナー

サンプルサイト

水族館コミュニティ

http://www.japan-aquarium.com/

WordPressマネタイズセミナー

１．自己紹介

２．WebAPI（クロスオーバーサーチ）を使ってみる

３．CSV（マーチャンダイザー）を使ってみる

４．今後の情報収集の方法＆質疑応答

WordPressマネタイズセミナー

目次

「クロスオーバーサーチ」とは？

リンクシェアさんのサービス名称であって、

→要は、「API」のことです。

WordPressマネタイズセミナー

Application Programming Interface

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

APIとは？

WordPressマネタイズセミナー

要は、

そのWEBサービスにあるデータを、

自由に使えると言うこと。

APIとは？

WordPressマネタイズセミナー

広告主 広告仲介業者や広告代理店 （例）リンクシェア

自分の運営サイト

図にすると、

こういうイメージ。

WordPressマネタイズセミナー

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

Web APIのメリット

WordPressマネタイズセミナー

何ができるの？

WordPressマネタイズセミナー

各地域の天気予報を 自動で取得する。

WordPressに天気情報を自動で取得

WordPressマネタイズセミナー

WordPressの各記事の位置情報を地図に表示

各記事の水族館の位置を

Google Maps APIと連携して

自動で地図に一覧表示させる。 ＆

近いスポットはピンをまとめる。

WordPressマネタイズセミナー

WordPressに周辺の写真を自動で表示

そのスポットの周辺の

写真を自動で表示させる。

WordPressマネタイズセミナー

WordPressに画像を自動で表示

各記事に関連する画像を 自動表示する。

WordPressマネタイズセミナー

その水族館について、 Twitterの最新つぶやきを 自動表示させる。

WordPressに

Twitter情報を自動で表示

WordPressマネタイズセミナー

WordPressにカフェ情報を自動で表示

WordPressマネタイズセミナー

WordPressにホテル情報を自動で表示

WordPressマネタイズセミナー

WordPressに商品情報を一覧表示

WordPressマネタイズセミナー

「クロスオーバー

サーチ」から

情報を自動で

取得。

アフィリエイト

もちろん、

リンクシェア「クロスオーバーサーチ」も！

WordPressマネタイズセミナー

×

キーワードは、

「カスタムフィールド」

「Web API」

WordPressマネタイズセミナー

カスタムフィールドを

使ってみましょう！

カスタムフィールドは

WordPressに

元々備わっている

機能です。

カスタムフィールド

WordPressマネタイズセミナー

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

カスタムフィールド

WordPressマネタイズセミナー

<?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="" />'; }

テーマに４行の

プログラムを追加

して実現！

カスタムフィールド

WordPressマネタイズセミナー

WordPressを

使えば、

ページごとに

自由に

キーワードを

変えられる

WordPress以外のAPIサンプルコードを

WordPressに組み込むこともできます

WordPressマネタイズセミナー

「フラワーギフト」に関連するWeb APIが、

WordPress以外のAPIサンプルコードを

WordPressに組み込むこともできます

WordPressマネタイズセミナー

WordPressにクロスオーバーサーチの

商品情報を自動で取得

ワークショップ - クロスオーバーサーチ

WordPressマネタイズセミナー

実際に

ワークショップを

してみましょう！

自分のサイトに商品リンクを表示させてみましょう！

WordPressマネタイズセミナー

手順は１０個

・・・で、どう作るの？

WordPressマネタイズセミナー

リンクシェア お問い合わせ

クロスオーバーサーチ Webサービスとは？【仕様書ダウンロード可能】

（手順１）Web APIの仕様を確認する

WordPressマネタイズセミナー

（手順２）リンクシェアはトークンが必要

WordPressマネタイズセミナー

（手順３）パラメーターを確認

WordPressマネタイズセミナー

（手順４）XMLを生成

リンクシェアマーチャンダイザーの場合、

がベース。

その上で、パラメーターを付ける。

パラメーターに基づいてXMLを生成する。

WordPressマネタイズセミナー

（手順５）一応、XMLを確認

（例）

http://productsearch.linksynergy.com/productsearch?token=[自分のトークン] &keyword=ギフト

WordPressマネタイズセミナー

（手順６）simplexml_load_fileで

分析（パース）

（例）

$linkshare = （手順４のXML） ;

$xml = simplexml_load_file ($linkshare);

WordPressマネタイズセミナー

（手順７）レスポンスフィールドを確認

WordPressマネタイズセミナー

（手順８）出力＆表示する

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;

WordPressマネタイズセミナー

（手順９）変更したい点だけをカスタムフィールド

で自由に変えることも出来ます

post_custom('名前')

カスタムフィールドで設定する名前。

それに合わせて、値を設定。

WordPressマネタイズセミナー

（手順１０）サイトを確認

大きな流れとしては、

（１）

リクエストパラメーターで

条件を設定して、

（２）

レスポンスフィールドで

出力項目を決める。

WordPressマネタイズセミナー

リンクシェアさんの提供している

「セール＆クーポンサーチWebサービス」

も同じ流れで設定します。

WordPressマネタイズセミナー

「セール＆クーポンサーチWebサービス」の例

「母の日」「新生活」「クリスマス」などの

WordPressマネタイズセミナー

最近の検索エンジン動向。

重複コンテンツに厳しい！

→サイトの被リンク数や、

ドメインエイジや、

オリジナルコンテンツ比率

にもよって変わる？

→あえて、JavaScriptで

APIを表示するサイトも？

WordPressマネタイズセミナー

先人の偉い人が、こう言いました。

WordPressマネタイズセミナー

１．自己紹介

２．WebAPI（クロスオーバーサーチ）を使ってみる

３．CSV（マーチャンダイザー）を使ってみる

４．今後の情報収集の方法＆質疑応答

WordPressマネタイズセミナー

目次

「マーチャンダイザー」とは？

WordPressマネタイズセミナー

CSV（マーチャンダイザー）を使ってみる

「マーチャンダイザー」とは？

WordPressマネタイズセミナー

「マーチャンダイザー」とは？

WordPressマネタイズセミナー

WordPressを使えば、

CSVデータを

メタデータ（カスタムフィールド）として、

本文を書ける。

WordPressマネタイズセミナー

アフィリエイトリンクの成果対象

WordPressマネタイズセミナー

携帯＆スマートフォンに対応

WordPressでのアフィリエイトリンク対応まとめ

WordPressマネタイズセミナー

携帯＆スマートフォンに対応

１．自己紹介

２．WebAPI（クロスオーバーサーチ）を使ってみる

３．CSV（マーチャンダイザー）を使ってみる

４．今後の情報収集の方法＆質疑応答

WordPressマネタイズセミナー

目次

・ユーザー・開発者が集うイベント ・世界40以上の都市で開催 ・世界中で200回以上の開催実績 ・日本では年に２～３回 ・今までに 東京・京都・福岡・横浜・名古屋・ 神戸 http://japan.wordcamp.org/

WordCamp

WordPressマネタイズセミナー

WordPress情報の調べ方

イベント参加者 約１１００人 （直近のWordCamp Tokyo 2012の参加人数） WordPressに関する セッションやワークショップも多数。 スタッフもたくさん！ 当日だけお手伝いも大歓迎！ （WordCamp横浜スタッフの集合写真）

WordCamp

WordPressマネタイズセミナー

WordPress情報の調べ方

・各地域のユーザーコミュニティ ・現在、全国各地 約40地域 ・毎月、日本のどこかで勉強会や 交流会を開催 ・BuddyPressプラグインによる オープンSNS ・写真部、英語部、料理部、 もくもく部なども http://wordbench.org/

WordBench

WordPressマネタイズセミナー

WordPress情報の調べ方

WordCamp大阪

WordPressマネタイズセミナー

WordPress情報の調べ方

2012年11月3日（土）

WordPressのコミュニティに、ぜひご参加を！ WordPressのイベントや勉強会に参加してみませんか？ http://ja.wordpress.org/

WordPressで繋がろう！

WordPressマネタイズセミナー

最後に

今後のお問い合わせなど

WordPressマネタイズセミナー

最後に