8
Copyright© RAUL Co.Ltd. All Rights Reserved グリーンサイトライセンス設置マニュアル GSLロゴ設置編 作成日:2012年4月 Ver.3

Green Site License のご紹介 - 自然エネルギーの環 …‚’通じて

  • Upload
    vuongtu

  • View
    220

  • Download
    0

Embed Size (px)

Citation preview

Copyright© RAUL Co.Ltd. All Rights Reserved

グリーンサイトライセンス設置マニュアル GSLロゴ設置編

作成日:2012年4月 Ver.3

Copyright© RAUL Co.Ltd. All Rights Reserved 2

1.貴社ホームページへのGSLロゴ設置

1-1. GSLソースコードの選択 1-2.貴社ホームページへのGSLロゴ設置の準備 1-3.GSLソースコードの設置方法(一般的なホームページ) 1-4.GSLソースコードの設置方法(ASPサービスを利用したホームページ) 1-5.貴社ホームページでのGSL表示を確認 1-6.お問い合わせ先

・・・ P03 ・・・ P04 ・・・ P05 ・・・ P06 ・・・ P07 ・・・ P08

貴社ホームページへのGSLロゴ設置 1

Copyright© RAUL Co.Ltd. All Rights Reserved 3

GSLソースコードの選択

下記にGSLソースコードが掲載されております。 このGSLソースコードを貴社ホームページに挿入することでGSLが掲載されます。 ※###にご参加いただいたホームページURLをご記入くださいませ。

1-1

<table border="0">

<tr><td width="65" align="left">

<script language="JavaScript" type="text/javascript"

src=“https://gsl-co2.com/mark/?###&i=1"></script>

</td><td align="left">

GSLを通じて<a href="http://www.gsl-co2.com/" target="_blank">自然エネルギー</a>の普及を応援しています。

</td></tr>

</table>

<table border="0">

<tr><td width="65" align="left">

<script language="JavaScript" type="text/javascript"

src="https://gsl-co2.com/mark/?###/&i=1"></script>

</td><td align="left">

GSLを通じて<a href="http://www.gsl-co2.com/" target="_blank">自然エネルギー</a>の普及を応援しています。

</td></tr>

</table>

<script type="text/javascript" src="https://gsl-co2.com/mark/?siteh=###/&i=6"></script>

<script type="text/javascript" src="https://gsl-co2.com/mark/? ###/&i=7"></script>

<script type="text/javascript" src="https://gsl-co2.com/mark/? ###"></script> <img src="http://www.gsl-

co2.com/banner/gsl_txt1_60_green.jpg" width="60" height="75" alt="このWEBサイトはCO2削減に貢献しています。" />

パターン1(横60px × 縦75px)テキスト文含まず

パターン2(横60px × 縦75px)テキスト文含まず

パターン3 (横180px × 縦75px)

パターン4 (横180px × 縦75px)

パターン5(横60px × 縦75px)テキスト文含まず

Copyright© RAUL Co.Ltd. All Rights Reserved 4

貴社ホームページへのGSLロゴ設置の準備

ホームページへの設置方法には貴社ホームページの仕様によって設置方法がことなります。一般的には以下の2つのタイプがございます。 ・一般的なホームページ ・・・ HTMLにより制作されたホームページで、ファイル転送ソフト(FTPなど)を利用してHTMLを編集するホームページ ・ASPサービスを利用したホームページ ・・・ ASP提供企業と契約し、WEBブラウザ(インターネット)からページの編集をするホームページ

ダウンロード

index.html

一般的なホームページの場合は、まずGSLを掲載したいページのHTMLをダウンロードします。 ダウンロードしたHTMLをテキスト(メモ帳)などで開きます。 ※GSLは登録したドメイン(URL)内であればいくつでも掲載可能です。

1

ASPサービスを利用したWEBサイトの場合は、まずASP管理画面にログインし、ページ(デザイン)の編集ページに移動します。 【代表的なASPサービス】 ASPとは、WEBブラウザ(インターネット)からホームページが編集できる機能をいいます。以下はASPサービスを提供している代表的な企業になります。

2

ファイル転送ソフト(FTP)

GSLを設置したいHTML

ASPログイン画面 ASP管理画面TOP

ログイン

1

2

・楽天 ・Yahoo! ・エキサイト ・ライブドア ・FC2 ・nifty ・livedoor ・goo

・Eストアー ・サイバーエージェント ・Seesaa ・paperboy&co ・NTTぷらら ・NTTコミュニケーションズ ・NECビッグローブ

【一般的なWEBサイトの場合】

【ASPサービスを利用したホームページの場合】

1-2

Copyright© RAUL Co.Ltd. All Rights Reserved 5

GSLソースコードの設置方法(一般的なホームページ)

ここでは1-2(P04)で説明した「一般的なホームページ」の場合のGSL専用ソースコードの設置方法をご説明いたします。

ソースコードをお客様がGSLを置きたいと思うスペースに取得したGSLソースコードを貼り付けて(コピー&ペースト)下さい。 設置前に下記にある「設置時の注意事項」をご確認下さい。 【設置時の注意事項】 ・登録したドメイン(URL)以外には掲載出来ません。 ・取得したソースコードを全て入力してください。 ・GSLソースコード内に別の文章(タグ)などを入力しないで下さい。

1

コピーしたGSLソースコード

GSLロゴを設置したいHTML(テキストで開いた状態) GSLを設置したいHTML

貼り付けが完了しましたら、ページを保存して、再びファイル転送ソフトによってHTMLをアップロードして下さい。 これでGSLの設置は完了しました。次のステップではGSLの表示の確認方法についてご説明いたします。

1

index.html

1-3

<table border="0">

<tr><td>

<script language="JavaScript" type="text/javascript"

src=“https://gsl-co2.com/mark/?●●●"></script>

</td><td>

このWEBサイトは<a href="http://www.gsl-co2.com/"

target="_blank">自然エネルギー</a>普及に貢献しています。

</td></tr>

</table>

※●●●にご登録いただいたサイトURLに変更頂ければご利用頂けます。

Copyright© RAUL Co.Ltd. All Rights Reserved 6

GSLソースコードの設置方法(ASPサービスを利用したホームページ)

ここでは1-2(P04)で説明した「ASPサービスを利用したWEBサイト」の場合のGSL専用ソースコードの設置方法をご説明いたします。

項目形式とはページデザインが全て項目によって区分けされており、HTML形式による編集が出来ない管理画面のことをいいます。 項目形式の場合は何でも書ける項目(自由項目欄)があります。ここにGSLソースコードを貼り付けてください。

2

ページ(デザイン)編集画面 HTML編集

1

ページ(デザイン)編集画面 自由項目欄(フリーエリア)

2

HTML形式とはページデザインがHTMLタグにより編集できる管理画面のことをいいます。 HTML形式の場合はGSLを掲載したい箇所にGSLソースコードを貼り付けてください。

1

今回ご説明させていただきました「HTML形式」「項目形式」以外の方法でページ編集を行なうASPもございます。 GSLの設置場所が分からない場合はASPサービスを提供している企業にお問合せ下さい。 貼り付けが完了しましたら、ページを保存して下さい。 これでGSLの設置は完了しました。次のステップではGSLの表示の確認方法についてご説明いたします。

【HTML形式で編集する場合】

【項目形式で編集する場合】

1-4

Copyright© RAUL Co.Ltd. All Rights Reserved 7

貴社ホームページでのGSL表示を確認

貴社WEBサイト(例:パナソニックシステムネットワークス株式会社様) お客様が指定した場所に「GSLロゴマーク」が表示されているかを確認してください。 ロゴマークが表示されている場合はロゴマークをクリックしてください。ポップアップ(小ウインドウ)で認証ページが表示されます。 ※GSLロゴが表示されていない場合は「4-2よくあるご質問(P19)」をご参照下さい。 ※表示されているが場所がずれている場合は、貴社の ホームページのHTML(CSS)が原因だと思われます。 ホームページに詳しい方に確認するか、設置場所を 変更してください。

1

GSLソースコードの貼り付けが完了しましたら、貴社ホームページでのGSLロゴの表示状況を確認します。 GSL認証ページが表示されれば設置完了です。

2 GSL認証ページ 3 エラーページ GSL認証ページが表示されればGSLロゴの設置完了です。 認証ページに表示されているお客様の情報を確認してください。 お客様の環境活動をアピールするためにもGSLロゴマークの周りに環境活動へのアピール文を入れてください。

2

エラーページが表示された場合はGSLサポートセンターに ご連絡くださいませ。

3

1-5

1

GSLロゴを

クリック

確認画面(プレビュー)ではGSLロゴは表示されない可能性がございます。実際にデータをUPして本番環境でご確認ください。

Copyright© RAUL Co.Ltd. All Rights Reserved 8

お問い合わせ先

グリーンサイトライセンスの設置などでご質問がございましたら下記連絡先までご連絡下さい。

1-6

【GSLサポートセンター】

TEL: 0120-971-610

Mail: [email protected]

※お電話でのお問合せの場合は「GSLの設置方法についてのお問合せです」とお話下さい。

【GSLサポートセンター】

URL: http://www.gsl-help.com/

※GSLヘルプセンターでは、「GSL設置」、「GSL設置後の活用方法」に関する情報をご紹介しております。