View
225
Download
0
Category
Preview:
Citation preview
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して本番環境でご確認ください。
Recommended