1
Google Apps「もっと⾒見見る」へリンクを追加/削除する⽅方法
Google Apps の「もっと⾒見見る」メニューへのリンクの追加は、Google Apps Marketplace にアプリケーショ ン登録して⾃自社ドメイン内のみ公開することで実現します。
◇ 設定作業の流流れ
【事前準備】1. 設定ファイルの準備 ... 2 【事前準備】2. Google サイトを新規作成する ... 3 【事前準備】3. その他の Google アプリ の設定を確認する ... 5【リンク追加】1. Google Apps Developers Console から Project を新規作成する ... 7
【リンク追加】2. 認証情報の設定を⾏行行う ... 12
【リンク追加】3. Google Apps Marketplace SDK の設定を⾏行行う ... 16
【リンク追加】4. Google Apps Marketplace にアプリケーションを登録する ... 21
【リンク追加】5. Google Apps Marketplace からアプリケーションをインストールする。 ... 28
【リンク削除】「もっと⾒見見る」からのリンクを削除する⽅方法 ... 31
◇ 設定に関する注意点
・本設定は、Google Apps へ管理理者権限でログインして作業いただく必要があります。 ・「もっと⾒見見る」に埋め込んだリンクの利利⽤用可能なブラウザは、以下のページに記載されている Google Apps でサポートされているブラウザに準じます。 また、本設定も Google Apps でサポートされているブラウザで設定作業をお願いします。 ■Google Apps サポートされているブラウザ http://support.google.com/a/bin/answer.py?hl=ja&answer=33864 ・「もっと⾒見見る」に反映されるまでに、数時間ほど時間が掛かる場合があります。【事前準備】1. 設定ファイルの準備
追加したい HDE One サービスのリンクの種類に応じて、設定作業を⾏行行うために必要なファイルをご⽤用意くだ さい。 【誤送信対策】 もっと⾒見見る_̲誤送信対策.zip 【オンラインストレージ】 もっと⾒見見る_̲オンラインストレージ.zip 【アクセスコントロール】 もっと⾒見見る_̲アクセスコントロール.zip ■zip 展開後ファイル -‐‑‒ icon(16X16 size).png -‐‑‒ icon(32X32 size).png -‐‑‒ icon(48X48 size).png -‐‑‒ icon(96X96 size).png -‐‑‒ icon(128X128 size).png -‐‑‒ manifest.json -‐‑‒ PromotionTile.png -‐‑‒ ScreenShot.png3
【事前準備】2. Google サイトを新規作成する
「もっと⾒見見る」にリンクを追加をする⼿手順中に、所有するウェブサイトを設定する箇所がありますので、所有 するウェブサイトの設定⽤用に、Google サイトを作成します。 ※既に「もっと⾒見見る」⽤用の Google サイトを作成済みの場合は、本作業は不不要となります。 また後述の【リンク追加】と Google サイトの作成は同⼀一のアカウントで実施ください。 2-‐‑‒1. Google サイト にログインします。 ■Google サイトの URL https://sites.google.com/a/(お客様ドメイン) 2-‐‑‒2. [作成] ボタンをクリックします。2-‐‑‒3. サイト作成画⾯面が表⽰示されますので、各項⽬目に以下を⼊入⼒力力して [作成] ボタンをクリックします。 使⽤用するテンプレートを選択 「空のテンプレート」を選択します。 サイトの名前 hde_̲one (任意) サイトの場所 hde_̲one (任意) 2-‐‑‒4. [作成] ボタンをクリックして、以下の画⾯面が表⽰示されたら、サイトの作成が完了了です。 ※ 所有するウェブサイトを確認するためのみに利利⽤用しますので、コンテンツ等の作成は不不要です。
5
【事前準備】3. その他の Google アプリ の設定を確認する
3.1 Google Apps 特権管理理アカウントで、Google Developers Console の設定にアクセスします。
■Google Apps Developers Console 設定の URL
https://admin.google.com/AdminHome?fral=1#AppDetails:service=Google+Developers+Console ※管理理コンソールが表⽰示された場合は、「アプリ」 -‐‑‒> 「その他の Google サービス」 -‐‑‒>
「Google Developers Console」 をクリックしてください。 3.2 「オン(すべてのユーザー)」となっていることを確認します。
3.3 Google Apps 特権管理理アカウントで、Chrome ウェブストア の設定にアクセスします。 ■Chrome ウェブストア 設定の URL https://admin.google.com/AdminHome?fral=1#AppDetails:service=Chrome+Web+Store ※管理理コンソールが表⽰示された場合は、「アプリ」 -‐‑‒> 「その他の Google サービス」 -‐‑‒> 「Chrome ウェブストア」 をクリックしてください。 3.4 「オン(すべてのユーザー)」となっていることを確認します。
7
【リンク追加】1. Google Apps Developers Console から Project を新規作成する
1-‐‑‒1. Google Apps 特権管理理アカウントで、Google Apps Developers Console にアクセス します。
■Google Apps Developers Console の URL
https://console.developers.google.com/project
1-‐‑‒2.プロジェクトを作成します。
「プロジェクトを選択してください。」 -‐‑‒> 「プロジェクトの作成」をクリックしてください。
1-‐‑‒3. 新しいプロジェクト 作成画⾯面が表⽰示されますので、各項⽬目に以下を⼊入⼒力力して [作成] ボタンをクリッ クします。 プロジェクト名 【誤送信対策】 mo-‐‑‒link (任意) 【オンラインストレージ】 os-‐‑‒link (任意) 【アクセスコントロール】 sso-‐‑‒link (任意) プロジェクト ID 画⾯面を表⽰示した際に表⽰示されている⽂文字列列のままで、変更更 する必要はありません。 新機能のお知らせ、パフォーマンスに関するア ドバイス、フィードバック調査、特典に関する 最新情報をメールで受け取ります。 「いいえ」にチェックします。 すべてのサービスと関連 API について、適⽤用 される利利⽤用規約を遵守して利利⽤用することに同意 します。 チェックします。 ※初めて Project を作成する場合のみ
9
1-‐‑‒4. [作成] ボタンをクリックすると、プロジェクトの作成が開始されます。 通知ウィンドウが「アクティビティ (1) 」→「アクティビティ (アイドル状態) 」に変わり、作成したプロジェ クト名の横に緑のアイコンが表⽰示されると作成完了了です。 1-‐‑‒5. プロジェクトの作成が完了了すると、作成したプロジェクトの Dashboard 画⾯面に⾃自動で移動します。 左メニューの「API と認証」 -‐‑‒> 「API」をクリックします。1-‐‑‒6.「Google Apps Marketplace SDK」をクリックします。
1-‐‑‒7.「API を有効にする」をクリックします。
11
1-‐‑‒8. 有効化した後に「設定」タブを選択して、「OAuth 2.0 クライアント ID を作成する」をクリック します。
【リンク追加】2. 認証情報の設定を⾏行行う
2-‐‑‒1. 「OAuth 同意画⾯面」タブを選択して、各項⽬目を⼊入⼒力力し「保存」をクリックします。 メールアドレス ※ログインしているユーザーのメールアドレスが⾃自動で表 ⽰示されます。 サービス名 【誤送信対策】 HDE 保留留メール確認・承認 (任意) 【オンラインストレージ】 HDE オンラインストレージ (任意) 【アクセスコントロール】 HDE SSO ユーザー設定 (任意)13
2-‐‑‒2. 「認証情報」タブを選択して、「認証情報を追加」 -‐‑‒> 「OAuth 2.0 クライアント ID」をクリッ クします。 2-‐‑‒3. クライアント ID を作成画⾯面が表⽰示されますので、「ウェブアプリケーション」を選択します。2-‐‑‒4. 各項⽬目を⼊入⼒力力し「作成」をクリックします。 名前 【誤送信対策】 HDE 保留留メール確認・承認 (任意) 【オンラインストレージ】 HDE オンラインストレージ (任意) 【アクセスコントロール】 HDE SSO ユーザー設定 (任意) 承認済みの JavaScript ⽣生 成元 【誤送信対策】 https://mo.(※お客様識識別⼦子).hdemail.jp 【オンラインストレージ】 https://upload.hdedrive.com/gaoidc 【アクセスコントロール】 https://ap.ssso.hdems.com/sso/(※お客様ドメイン)/login ※保留留メール確認・承認 URL の以下の⽂文字がお客様案件識識別⼦子となります。 https://mo.xxxx.hdemail.jp/?do_̲login
15
2-‐‑‒5. 「OK」をクリックすると、登録が完了了します。【リンク追加】3. Google Apps Marketplace SDK の設定を⾏行行う
3-‐‑‒1. 左メニューの「API と認証」 -‐‑‒> 「API」をクリックし、右メニューの「Google Apps Marketplace SDK」をクリックします。
3-‐‑‒2.「設定」タブをクリックします。
17
3-‐‑‒3. 各項⽬目に以下を選択/⼊入⼒力力して [変更更を保存] ボタンをクリックします。 ※その他の項⽬目は変更更する必要はありません。
19
■アプリケーション情報 英語 ⽇日本語 アプリケーション名 【誤送信対策】 HDE 保留留メール確認・承認 (任意) 【オンラインストレージ】 HDE オンラインストレージ (任意) 【アクセスコントロール】 HDE SSO ユーザー設定 (任意) ※画⾯面を表⽰示した際に表⽰示されている⽂文字列列のままで、変更更する必要はありません。「もっと ⾒見見る」リンクに表⽰示される名前になります。 アプリケーションの説明 【誤送信対策】 HDE One サービスの保留留メール確認・承認画⾯面のリンクです。 (任意) 【オンラインストレージ】 HDE One サービスのオンラインストレージのリンクです。 (任意) 【アクセスコントロール】HDE One サービスの SSO ユーザー設定のリンクです。 (任意) アプリケーションのアイコン
(32X32 size)
[Select] をクリックして、※「icon(32X32 size).png」ファイルを選択します。
アプリケーションのアイコン (48X48 size)
[Select] をクリックして、※「icon(48X48 size).png」ファイルを選択します。
アプリケーションのアイコン (96X96 size)
[Select] をクリックして、※「icon(96X96 size).png」ファイルを選択します。
アプリケーションのアイコン (128X128 size)
[Select] をクリックして、※「icon(128X128 size).png」ファイルを選択します。
※事前に⽤用意したファイルから、選択してください。
■サポートの URL
利利⽤用規約の URL http://www.hde.co.jp/cloud/one/license.php ※HDE One サービス利利⽤用規約の URL となります。
■拡張機能 ユニバーサルナビゲーション拡張機能 チェックします。 ユニバーサルナビゲーション拡張機能 の URL 【誤送信対策】 https://mo.(お客様識識別⼦子).hdemail.jp/?do_̲login 【オンラインストレージ】 https://upload.hdedrive.com/gaoidc 【アクセスコントロール】 https://ap.ssso.hdems.com/sso/(※お客様ドメイン)/login
3-‐‑‒4. [変更更を保存] ボタンをクリック後に、ページの上部に [Test install fiow] ボタンが表⽰示されたら 作成が完了了です。
※[Test install flow] ボタンをクリックする必要はありません。
21
【リンク追加】4. Google Apps Marketplace にアプリケーションを登録する
4-‐‑‒1. 事前に⽤用意したファイルの「manifest.json」をテキストエディターで開き、以下の⾏行行を変更更して、 保存します。 【注意】 ⽂文字コードは UTF-‐‑‒8 のままで保存してください。 ファイル名は変更更せず、「manifest.json」のままで保存してください。 3 ⾏行行⽬目 デベロッパー ダッシュボードを表⽰示する際の名前です。 ご希望の名前に変更更ください。 5 ⾏行行⽬目 デベロッパー ダッシュボードを表⽰示する際の概要です。 アプリケーションを表⽰示する際の概要です。 ご希望の⽂文章に変更更ください。 11 ⾏行行⽬目 3-‐‑‒2. で控えておいた「プロジェクト番号(アプリ ID)」に変更更し てください。 14 ⾏行行⽬目 もっと⾒見見るに追加する URL に変更更ください。 【誤送信対策】 https://mo.(お客様識識別⼦子).hdemail.jp/?do_̲login 【オンラインストレージ】 https://upload.hdedrive.com/gaoidc 【アクセスコントロール】 https://ap.ssso.hdems.com/sso/(※お客様ドメイン)/login
【誤送信対策】 {
"manifest_̲version": 2,
"name": "HDE One 保留留メール確認・承認", "version": "1.0.0",
"description": "HDE One サービスの保留留メール確認・承認画⾯面のリンクです。", "icons": { "128": "icon(16X16 size).png", "16": "icon(128X128 size).png" }, "container": ["DOMAIN_̲INSTALLABLE"], "api_̲console_̲project_̲id": "XXXXXXXXXXXXXXXX", "app" : { "launch" : { "web_̲url" : "https://mo.(※お客様識識別⼦子).hdemail.jp/?do_̲login" } } } 【オンラインストレージ】 { "manifest_̲version": 2, "name": "HDE オンラインストレージ", "version": "1.0.0",
"description": "HDE One サービスのオンラインストレージのリンクです。", "icons": { "128": "icon(128X128 size).png", "16": "icon(16X16 size).png" }, "container": ["DOMAIN_̲INSTALLABLE"], "api_̲console_̲project_̲id": "XXXXXXXXXXXXXXXX", "app" : { "launch" : { "web_̲url" : "https://upload.hdedrive.com/gaoidc" } } }
23
【アクセスコントロール】 {
"manifest_̲version": 2,
"name": "HDE SSO ユーザー設定", "version": "1.0.0",
"description": "HDE One サービスの SSO ユーザー設定のリンクです。", "icons": { "128": "icon(128X128 size).png", "16": "icon(16X16 size).png" }, "container": ["DOMAIN_̲INSTALLABLE"], "api_̲console_̲project_̲id": "XXXXXXXXXXXXXXXX", "app" : { "launch" : { "web_̲url" : "https://ap.ssso.hdems.com/sso/(※お客様ドメイン)/login" } } } 4-‐‑‒2.修正した「manifest.json」と事前に⽤用意した以下の 3 ファイルを ZIP ファイルに圧縮します。 ■圧縮対象ファイル -‐‑‒ manifest.json -‐‑‒ icon(16X16 size).png -‐‑‒ icon(128X128 size).png 4-‐‑‒3. デベロッパー ダッシュボードにアクセスします。 ■デベロッパー ダッシュボード の URL https://chrome.google.com/webstore/developer/dashboard
4-‐‑‒4. [新しいアイテムを追加する] ボタンをクリックします。 【初めてアイテムを追加する場合】 【2 回以降降にアイテムを追加する場合】 ※⾃自ドメインにのみインストールするため、料料⾦金金の⽀支払は不不要です。 ※初めてアイテムを追加する場合のみ Google Chrome ギャラリー デベロッパー契約画⾯面の [同意する] をクリックします。 4-‐‑‒5. [ファイルを選択] をクリックして、作成した ZIP ファイルをアップロードします。
25
4-‐‑‒6. ファイルをアップロードした後に、[アップロード] ボタンをクリックします。 4-‐‑‒7. Chrome ウェブストア アイテムを編集画⾯面が表⽰示されますので、各項⽬目に以下を選択/⼊入⼒力力して [変更更を公開] ボタンをクリックします。 ※その他の項⽬目は変更更する必要はありません。27
アイコン [新しいアイコンをアップロード] をクリックして、※ 「icon(128X128 size).png」ファイルをアップロードしま す。 スクリーンショット [参照] をクリックして、※「ScreenShot.png」ファイルを アップロードします。 プロモーションタイル画像 タイル(⼩小) -‐‑‒ 440x280: 「新しい画像をアップロード」をクリックして※ 「PromotionTile.png」ファイルをアップロードします。 ウェブサイト このアイテムが、所有するウェブサイトの公式アイテムであ ることを確認してください: の下部にあるプルダウンをから、【事前準備】2. で作成した Google サイトを選択します。 カテゴリ 「ビジネス ツール」項⽬目の「その他のビジネスツール」を選 択します。 ⾔言語 「⽇日本語」を選択します。 公開設定オプション 「⾮非公開」を選択した後に表⽰示される「(ご利利⽤用ドメイン)の すべてのユーザー」を選択します。 ※「公開」を選択しないようご注意ください。 ※事前に⽤用意したファイルから、選択してください。【リンク追加】5. Google Apps Marketplace からアプリケーションをインストールする。
5-‐‑‒1. デベロッパー ダッシュボードにアクセスします。■デベロッパー ダッシュボード の URL
https://chrome.google.com/webstore/developer/dashboard
5-‐‑‒2. 今回追加した Google Apps Marketplace アプリケーションをクリックします。 ※リンクが表⽰示されない場合は、アプリケーションの作成中です。
しばらく時間が経過するとリンクが表⽰示されますので、表⽰示されるまでお待ちください。
29
5-‐‑‒3. 画⾯面右上の「Integrate with Google」をクリックします。5-‐‑‒4. 以下を選択して、[同意]をクリックします。
アプリケーションの利利⽤用規約および Google Apps Marketplace の利利⽤用規約に 同意します チェックします。 5-‐‑‒5. Gmail 画⾯面のもっと⾒見見るに、アプリケーションが追加されていることをご確認ください。
31
【リンク削除】「もっと⾒見見る」からのリンクを削除する⽅方法
1. Google Apps の管理理者権限にて、Marketplace アプリケーションにアクセスします。 ■Marketplace アプリケーション の URL https://admin.google.com/AdminHome?pli=1&fral=1#AppsList:serviceType=MARKETPLACE ※管理理コンソールが表⽰示された場合は、「Marketplace アプリケーション」をクリックしてください。 2. 削除したい Marketplace アプリケーションをクリックします。 3. 右上の「ゴミ箱」アイコンをクリックします。