1.Mobirth 変 換 ルールの 作 成 について 2011/12/07 1 管 理 画 面 へのログイン 方 法 管 理 画 面 の URL 本 受 注 の 場 合 :https://mobirth.com/site.s/( 該 当 顧 客 変 換 後 URL) 仮 登 録 の 場 合 :https://mbz.jp/site.s/( 該 当 顧 客 変 換 後 URL) ユーザー 名 変 換 後 URL 例 ) 顧 客 変 換 後 URL が sample.mobirth.com の 場 合 管 理 画 面 URL:https://mobirth.com/site.s/sample.mobirth.com ユーザー 名 :sample.mobirth.com となります Internet Explorer を 使 用 した 場 合 前 に 戻 る ボタンが 動 作 しないため Firefox をお 勧 めいたします 2 ログイン 後 の 画 面 説 明 変 換 後 URL 変 換 元 URL 変 換 ルールの In Export に 使 用 します コンテンツ 変 換 設 定 主 に 使 用 する 項 目 ( 詳 細 は 以 降 で 説 明 いたします ) ブロック 移 動 設 定 Mobirth では 基 本 HTML ソースを 上 から 順 に 表 示 する ため PC サイトの HTML ソース 記 載 順 位 が 以 下 のような 場 合 ブロック 移 動 指 定 を 利 用 し 4 右 メニューを2 左 メニューの 下 もしくは2を3の 下 へ 移 動 させることが 可 能 1ヘッダー 2 3 左 メイン 記 事 メ ニ ュ PCサイト ー 5フッター 4 右 メ ニ ュ ー 自 動 変 換 後 携 帯 サイト 1ヘッダー 2 左 メニュー 3メイン 記 事 4 右 メニュー 5フッター ブロック 移 動 設 定 後 1ヘッダー 2 左 メニュー 4 右 メニュー 3メイン 記 事 5フッター -1-
アクセスログ 取 得 アクセスログ エラーログがそれぞれ 日 付 ごとにgz 形 式 で 圧 縮 保 管 対 応 端 末 一 覧 自 動 変 換 に 対 応 した 端 末 の 一 覧 ( 新 機 種 等 対 応 端 末 が 増 えた 場 合 自 動 アップデートされます ) プレビュー 変 換 後 サイトの 確 認 (エミュレーターのため 実 際 の 表 示 と 異 なる 場 合 があります ) 3 コンテンツ 変 換 設 定 以 下 は MENU の コンテンツ 変 換 設 定 - 新 規 登 録 とクリックした 画 面 です 変 換 ルール 概 要 変 換 ルール 一 覧 画 面 で 表 示 されるタイトルとなります 後 で 判 別 しやすいよう 入 力 することをお 勧 めします 例 )Flash 削 除 プラグインダウンロード 削 除 等 処 理 主 に 使 用 する 部 分 ( 詳 細 は 以 降 で 説 明 ) 端 末 種 別 このルールを 携 帯 のみで 適 用 するか スマートフォンのみで 適 用 するかの 選 択 肢 例 ) 会 社 概 要 で GoogleMap を 使 用 している 場 合 携 帯 では 削 除 するがスマートフォンではそのまま 表 示 する 場 合 等 に 使 用 -2-
ブロック 指 定 元 ソースのどの 部 分 に 対 して 処 理 を 行 なうかの 指 定 タグ 名 のプルダウンに 存 在 するものはこちらで 指 定 してください 属 性 名 は 小 文 字 で 属 性 値 は 元 ソースの 記 載 どおりに 大 文 字 小 文 字 で 記 載 する 必 要 があります URL 文 字 列 中 の & は & に 置 き 換 える 必 要 があります 例 )http://sample.co.jp/cgi-bin/hp/sitemaker.cgi?mode=page&page=page1&category=0 の 場 合 属 性 値 入 力 内 容 は 以 下 となります http://sample.co.jp/cgi-bin/hp/sitemaker.cgi?mode=page& amp;page=page1& amp;category=0 ブロック ブロックの XPath 指 定 上 記 ブロック 指 定 に 存 在 しないタグや 存 在 しても 属 性 名 を 複 数 指 定 する 必 要 がある 場 合 に 使 用 ブロック 指 定 欄 にある XPath 指 定 ボタンをクリックすると 表 示 されます ブロック 指 定 と ブロックの XPath 指 定 は 同 時 に 使 用 することはできません XPath の 記 述 方 法 h:タグ 名 [@ 属 性 名 = 属 性 値 ] となります 属 性 名 を 複 数 指 定 する 場 合 は[ ]の 繰 り 返 しとなります 例 )table width= 550 height= 30 の 場 合 h:table[@width= 550 ] [@height= 30 ]となります 追 加 または 差 し 替 える 内 容 (XHTML XHTML) 処 理 で 差 し 替 え 追 加 を 選 択 した 時 のみ 入 力 可 能 単 独 タグを 記 入 する 場 合 は 閉 じタグも 必 要 例 )<img src= sample.jpg >ではエラーとなります <img src= sample.jpg />が 正 式 です 追 加 する 位 置 処 理 で 追 加 を 選 択 した 場 合 追 加 または 差 し 替 える 内 容 に 入 力 して 内 容 を ブロック 指 定 の 前 後 どちらに 追 加 するかを 選 択 -3-
2. 処 理 の 内 容 について 処 理 にある にある4 種 類 の 選 択 肢 について 1 削 除 ( 子 要 素 も 含 めて 削 除 ) ブロック 指 定 で 指 定 したタグの 閉 じ 部 分 までを 削 除 します 例 )table width = 50 を 指 定 した 場 合 <table width= 50 50 height= 30 ><td>a</td><td>b</td></table> </table>と 指 定 したタグの 閉 じ 部 分 までが 削 除 されます <table border= 1 width= 50 50 ><td>c</td><td>d</td></table> </table>も 一 致 するため 削 除 されます 必 要 な 部 分 を 削 除 しないよう その 部 分 のみで 使 用 されているタグもしくは 属 性 値 を 指 定 する 必 要 があります この 場 合 は XPath で h:table table[@ [@width= width= 50 50 ] ] [@height= height= 30 30 ] を 指 定 すると a b のみが 削 除 できます 2 差 し 替 え ブロック 指 定 した 部 分 の 閉 じタグまでを 追 加 または 差 し 替 える 内 容 に 記 載 されたタグと 差 し 替 えます 3 追 加 ブロック 指 定 した 部 分 の 閉 じタグまでを 追 加 または 差 し 替 える 内 容 に 記 載 されたタグを 追 加 します 追 加 する 位 置 で 前 を 指 定 した 場 合 は 開 始 タグの 前 に 後 ろの 場 合 は 閉 じタグの 後 ろに 追 加 されます 4 剥 ぎ 取 り 1の 削 除 と 似 ていますが 1の 場 合 は 指 定 したタグの 閉 じ 部 分 までが 削 除 されるのに 対 し こちらでは 指 定 した 属 性 のみが 削 除 されます 白 文 字 が 表 示 されない 場 合 に 色 指 定 のみを 削 除 する 場 合 等 に 使 用 します 例 )<font size="+1" color="#ffffff"><b> 至 急 </b></font>で h:font[@color= #FFFFFF ] を 指 定 した 場 合 削 除 の 場 合 は </font>までが 削 除 対 象 のため 至 急 は 表 示 されませんが 剥 ぎ 取 りの 場 合 は font color="#ffffff"のみが 削 除 対 象 のため <font size="+1"><b> 至 急 </b></font>となり 指 定 がなければ 黒 文 字 で 至 急 が 表 示 されます -4-
3.サービス 提 供 後 のメンテナンスを 軽 減 する 方 法 あらかじめ 管 理 画 面 で 以 下 の 3 ルールを 設 定 しておき 顧 客 に 伝 えておくことにより PC サイト 側 のソースで Mobirth 変 換 後 の 表 示 非 表 示 を 選 択 可 能 となります ( 弊 社 での 設 定 例 ) ルール 概 要 処 理 端 末 種 別 ブロック 指 定 自 動 削 除 削 除 携 帯 スマートフォン div class= Mobirth_Delete 自 動 削 除 ( 携 帯 ) 削 除 携 帯 div class= Mobirth_Delete_M 自 動 削 除 (スマフォ) 削 除 スマートフォン div class= Mobirth_Delete_S 使 用 例 ) <p>クーポンを 印 刷 して 持 参 してください </p> とある 場 合 は 携 帯 やスマフォでは 印 刷 も 出 来 ず 削 除 したくとも 汎 用 性 のある p タグのため Mobirth 側 からの 制 御 は 不 可 能 なため 該 当 部 分 を 以 下 のように 変 更 してもらうことにより 非 表 示 となります <div class= Mobirth_Delete > <p>クーポンを 印 刷 して 持 参 してください </p> </div> -5-
4.PCサイトから 携 帯 サイトへのリダイレクトについて モバイル 端 末 からPCサイトへのアクセスが 発 生 した 場 合 のリダイレクト 方 法 について 弊 社 での 使 用 スクリプトを 共 有 いたします パターン 1.htaccess で RewriteEngine ON が 使 用 可 能 な 場 合.htaccess の 記 述 内 容 RewriteEngine On RewriteCond %{HTTP_USER_AGENT} "DoCoMo" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "UP.Browser" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "KDDI" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "SoftBank" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "Vodafone" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "SoftBank" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "WILLCOM" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "emobile" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "ipod" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "iphone" [NC,OR] RewriteCond %{HTTP_USER_AGENT} "Android" [NC] RewriteRule ^(.*)$ http:// 変 換 後 URL/$1 [R,L] 動 作 内 容 どのページにアクセスしても 変 換 後 のページへの 自 動 転 送 が 可 能 例 ) 検 索 エンジンで pion.co.jp/faq.html が 登 録 された 場 合 クリックすると 自 動 的 に pion.mobirth.com/faq.html へ 転 送 される -6-
パターン 2.htaccess で RewriteEngine ON が 使 用 不 可 能 な 場 合.htaccess で index.cgi を 読 み 込 ませ index.cgi 内 で 携 帯 判 別 を 行 なう.htaccess の 記 述 内 容 DirectoryIndex index.cgi index.php index.html index.cgi の 記 述 内 容 #!/usr/bin/perl $MoURL = 'http:// /index.html'; $PcURL = 'index.html'; $brwsr = $ENV{'HTTP_USER_AGENT'}; if ($brwsr =~ /DoCoMo/) {$Type = "Mobile";} elsif ($brwsr =~ /UP.Browser/) {$Type = "Mobile";} elsif ($brwsr =~ /KDDI/) {$Type = "Mobile";} elsif ($brwsr =~ /SoftBank/) {$Type = "Mobile";} elsif ($brwsr =~ /Vodafone/) {$Type = "Mobile";} elsif ($brwsr =~ /WILLCOM/) {$Type = "Mobile";} elsif ($brwsr =~ /emobile/) {$Type = "Mobile";} elsif ($brwsr =~ /ipod/) {$Type = "Mobile";} elsif ($brwsr =~ /iphone/) {$Type = "Mobile";} elsif ($brwsr =~ /Android/) {$Type = "Mobile";} else {$Type = "PC";} if ($Type eq "Mobile"){print "Location: $MoURL\n\n";} elsif ($Type eq "PC") {print "Location: $PcURL\n\n";} 動 作 内 容 pion.co.jp/ にアクセスがあった 場 合 にのみ pion.mobirth.com へのリダイレクトが 可 能 タイプ1のようにファイルを 直 接 指 定 した 場 合 はリダイレクトされない 最 新 情 報 は 以 下 公 式 サイトにてご 確 認 ください http://www.mobirth.com 無 断 転 載 二 次 代 理 店 以 外 への 再 配 布 を 一 切 禁 止 します -7-