Google Apps「もっと見る」へリンクを追加削除する方法

1

Google Apps「もっと⾒る」へリンクを追加/削除する⽅法

Google Apps の「もっと⾒る」メニューへのリンクの追加は、Google Apps Marketplace にアプリケーショ ン登録して⾃社ドメイン内のみ公開することで実現します。

◇ 設定作業の流れ

【事前準備】1. 設定ファイルの準備 ... 2

【事前準備】2. Google サイトを新規作成する ... 3

【事前準備】3. その他の Google アプリ の設定を確認する ... 5

【リンク追加】1. Google Apps Developers Console から Project を新規作成する ... 7

【リンク追加】2. 認証情報の設定を⾏う ... 10

【リンク追加】3. Google Apps Marketplace SDK の設定を⾏う ... 14

【リンク追加】4. Google Apps Marketplace にアプリケーションを登録する ... 19

【リンク追加】5. Google Apps Marketplace からアプリケーションをインストールする ... 26

【リンク削除】「もっと⾒る」からのリンクを削除する⽅法 ... 29

◇ 設定に関する注意点

・本設定は、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.png

3

【事前準備】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.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 （任意）

9

1-4. プロジェクトの作成が完了すると、作成したプロジェクトのライブラリ画⾯に⾃動で移動します。 「Google Apps Marketplace SDK」をクリックしてください。

【リンク追加】2. 認証情報の設定を⾏う

2-1. 「OAuth 同意画⾯」タブを選択して、各項⽬を ⼊⼒し 「保存」をクリックします。 メールアドレス ※ログインしているユーザーのメールアドレスが⾃動で表 ⽰されます。 ユーザーに表⽰するサービス名 【誤送信対策】 HDE 保留メール確認・承認 （任意） 【オンラインストレージ】 HDE オンラインストレージ （任意） 【アクセスコントロール】 HDE SSO ユーザー設定 （任意）

11

2-2. 「認証情報を作成」 -> 「OAuth クライアント ID」をクリックします。

2-4. 各項⽬を⼊⼒し「作成」をクリックします。 名前 【誤送信対策】 HDE 保留メール確認・承認 （任意） 【オンラインストレージ】 HDE オンラインストレージ （任意） 【アクセスコントロール】 HDE SSO ユーザー設定 （任意） 承認済みの承認済みのリ ダイレクト URI 【誤送信対策】 https://mo.(※お客様識別⼦).hdemail.jp 【オンラインストレージ】 https://upload.hdedrive.com 【アクセスコントロール】 https://ap.ssso.hdems.com ※保留メール確認・承認 URL の以下の⽂字がお客様案件識別⼦となります。 https://mo.xxxx.hdemail.jp/?do_login

13

2-5. 「OK」をクリックすると、登録が完了します。

【リンク追加】3. Google Apps Marketplace SDK の設定を⾏う

3-1. 左メニューの「概要」をクリックし、「Google Apps API」>「Google Apps Marketplace SDK」をクリックします。

3-2.「設定」タブをクリックします。

15

3-3. 各項⽬に以下を選択/⼊⼒して [変更を保存] ボタンをクリックします。

17

■アプリケーション情報 英語 ⽇本語 アプリケーション名 【誤送信対策】 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] ボタンが表⽰されたら 作成が完了です。

19

【リンク追加】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" } } }

21

【アクセスコントロール】

{

"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 ファイルをアップロードします。

23

4-6. ファイルをアップロードした後に、[アップロード] ボタンをクリックします。

4-7. Chrome ウェブストア アイテムを編集画⾯が表⽰されますので、各項⽬に以下を選択/⼊⼒して [変更を公開] ボタンをクリックします。

25

アイコン [新しいアイコンをアップロード] をクリックして、※ 「icon(128X128 size).png」ファイルをアップロードしま す。 スクリーンショット [参照] をクリックして、※「ScreenShot.png」ファイルを アップロードします。 プロモーションタイル画像 タイル（⼩） - 440x280: 「新しい画像をアップロード」をクリックして※ 「PromotionTile.png」ファイルをアップロードします。 ウェブサイト このアイテムが、所有するウェブサイトの公式アイテムであ ることを確認してください: の下部にあるプルダウンをから、【事前準備】2. で作成した Google サイトを選択します。 カテゴリ 「ビジネス ツール」項⽬の「その他のビジネスツール」を選 択します。 ⾔語 「⽇本語」を選択します。 公開設定オプション 「⾮公開」を選択した後に表⽰される「(ご利⽤ドメイン)の すべてのユーザー」を選択します。 ※「公開」を選択しないようご注意ください。 ※事前に⽤意したファイルから、選択してください。

【リンク追加】5. Google Apps Marketplace からアプリケーションをインストールする

5-1. 画⾯右上の [INSTALL APP]ボタンをクリックします。

5-1. 「アプリケーションの利⽤規約および Google Apps Marketplace の利⽤規約に同意します」に チェックを⼊れて、「同意ボタン」をクリックします。

27

5-2. 「次へ」ボタンをクリックします。

5-4. 「アプリケーションを起動」ボタンをクリックします。

29

【リンク削除】「もっと⾒る」からのリンクを削除する⽅法

1. Google Apps の管理者権限にて、Marketplace アプリケーションにアクセスします。 ■Marketplace アプリケーション の URL

https://admin.google.com/AdminHome?pli=1&fral=1#AppsList:serviceType=MARKETPLACE

※管理コンソールが表⽰された場合は、「Marketplace アプリケーション」をクリックしてください。

2. 削除したい Marketplace アプリケーションをクリックします。