" title="ページを印刷する"> ページを印刷する
  • HTMLタグとスタイルシート
  • 自作ページでの運用
  • カートボタンの設置方法
  • すぐに役立つHTMLタグ
  • スタイルシートについて
  • 希望が多い箇所の編集例
  • 無料素材集
  • お店ページ素材
  • 季節のイベントバナー
  • 決済代行ロゴ画像
  • サービスリンクバナー
自作ページでの運用
ここでは、ご自身で用意されたページの公開方法をご説明します。

トップページのみ自作ページで運用する

全てのページを自作ページで運用する

※[ 2010/08/18 ] 携帯端末情報対応にともなう携帯お店ページの自作方法追加

携帯のお店ページを自作ページで運用する

サーバーの仕様・CGIのご利用について
▼事前準備
ご自身でご用意されたページを公開するには、公開するページをサーバーにアップロードする必要があります。ページ（HTMLファイル）のアップロードは、FTPソフトを使用して行います。
※FTPソフトはご自身で用意したものをご使用ください。

　　⇒FTPアカウントの作成
　　⇒FTPソフトの設定
・自作ページへカートボタン（商品をカートへ入れるリンク）を設置する場合は、
　自作ページの文字コードを「EUC-JP」で作成してください。
　※携帯用自作ページの文字コードは「shift_jis」となりますので、ご注意ください。

・自作のページは、アクセスレポートの「訪問者数」「離脱ページ」「来訪元別転換率」が
　記録されません。

トップページのみ自作ページで運用する

自作のトップページは 【 index.htm 】というファイル名にします。
自作した「index.htm」をFTPソフトでサーバーへアップロードします。
アップロードする場所は「docs」の中です。
FTPツールでサーバーへ接続します。



左枠の「index.htm」をクリックして青く反転させ、青矢印のアイコンをクリックします。


右枠の「docs」内にアップロードされました。これで完了です。
・「docs」の中には、自作の「index.htm」と自動生成される「index.html」があります。
・自動生成される「index.html」はテンプレートで作成したお店のトップページです。
・お店ページのURLにアクセスすると、自作の「index.htm」が優先して開きます。

　◆自作のトップページのURL：http://ドメイン名/
　◆お店のトップページのURL：http://ドメイン名/index.html
PCサイトのトップページを自作されている方でスマートフォンサイトを運用されている方は、
転送設定のために、以下の記述をトップページの「head」内にご記入ください。

<!-- スマートフォンバナー -->
<script language="javascript" src="/smp/js/pcsmpflg.js"> </script>
<!-- /スマートフォンバナー -->

全てのページを自作ページで運用する

はじめに
ウェブショップでは、法律で定められている規定事項がいくつかあります。

・特定商取引に関する法律に基づく表示が分かりやすい位置にあること。
・個人情報保護の取り扱いに関する案内が分かりやすい位置にあること。
・商品の返品期限・条件に関する案内が分かりやすい位置にあること。

上記のいずれも、テンプレートページでは自動生成されますが、
自作ページで運用される場合は、ご自身で作成していただく必要があります。
以下ページをご参考のうえ、ご対応ください。

※テンプレートページ用のマニュアルですが、必要項目やサンプル文などを
お役立ていただけます。

　>> 特定商取引に関する法律に基づく表示の設定・店舗情報の設定
　>> 「返品条件・返品特約の説明」へのリンクを表示させる
　>> 個人情報保護の取り扱いの表示
自作のトップページは 【 index.htm 】というファイル名にします。
※「index.html」は自動生成されるので、自作ページのファイル名には使えません。
自作した「index.htm」と公開する全てのファイルを、FTPソフトでサーバーへ
アップロードします。アップロードする場所は「docs」の中です。
※アップロードの手順は「トップページのみ自作ページで運用する」をご参照ください。
・管理画面の「お店ページを更新する」ボタンを押すと、ショップサーブのお店ページが
　自動生成されます。（お店のトップページは「index.html」という名称で生成されます）
　自動生成されるページが不都合な場合は、その都度、削除してください。
・自動生成される商品一覧ページ、商品詳細ページは削除できません。
　不都合がある場合は、管理画面にて「非表示」「非公開」にしてください。
・初期状態でサーバー内に用意されているフォルダ、ファイルは削除しないでください。
　◆カートボタンの設置方法について
自作したページから、ショップサーブのショッピングカートへ商品を入れる方法については、
別のページにて詳しくご案内しております。
　　　　　　　　　　　　　　　　　　　　　　　　　　　>> カートボタンの設置方法
　◆商品登録について
自作ページで運用される場合でも商品登録が必要です。
※商品詳細ページを自作した場合は、商品登録時に必ず「自作商品ページのURL」を入力してください。

●「自作商品ページのURL」の反映箇所

・ショッピングフィードに出品した商品からのリンク先

・カゴに入れた商品の「商品画像」と「商品名」のリンク先
「自作商品ページのURL」が未入力の場合はショップサーブの商品詳細ページにリンクされます。

　　　　　　　　　　　　　　　　　　　　　　　　　　　>> 商品の新規登録を行う
　◆一部のテンプレートページだけを使いたい場合
自作したページから、一部のテンプレート（自動生成）ページへリンクを貼って利用することは可能です。
ページのURLは管理画面で確認していただけます。　
　　　　　　　　　　　　　　　　　　　　　　　　　　　>> URL一覧
・テンプレートページの「商品検索」機能を自作のページに設置することはできません。
・フリーページの記事URLは「URL一覧」で確認できません。
　URL一覧の「ブログカテゴリ」のURLを開き、記事タイトルをクリックして、開いたページ
　のURLをご確認ください。
　◆ショッピングカートのデザインを変更するには
ショッピングカートのデザインは、テンプレートページ本体（お店ページ）のデザインが
適用されます。
自作のページで運用される場合でも、テンプレートページのデザインを設定してください。
　　　　　　　　　　　　　　　　　　　　　　　　　　　>> テーマの選択
　　　　　　　　　　　　　　　　　　　　　　　　　　　>> テーマのカスタマイズ

　ショッピングカートにも反映されるテンプレートページの編集
　ヘッダのバナーエリアを活用する
　　⇒全てのページの上部で表示されるメニューを追加する
　フッタのバナーエリアを活用する
　　⇒全てのページ下部に「ご利用ガイド」を表示させたい
　フッターエリアを活用する
　　⇒フッターエリアにリンクメニューを設置する
その他、お店の運営に最低限必要な設定項目を、こちらで確認できます。
　　　　　　　　　　　　　　　　　　　　　　　　　　　>> 開店前のチェック（項目別）

携帯のお店ページを自作ページで運用する

※[ 2010/08/18 ] 携帯端末情報対応にともなう携帯お店ページの自作方法追加

Ｅストアーモバイルの自作携帯サイト設定はこちらです。
Ｅストアーモバイルの自作スマートフォンサイトの設定はこちらです。

◆ 制限・条件

自作ページをアップロードするフォルダについて

「/docs/m/」以下に作成したファイルをアップロードしてください

優先表示されるページについて

ファイルの拡張子を「html」にしてください

※以下のファイルは拡張子を「html」にすることで自作ページが優先表示されます。
index.html （トップページ）
info.html （お知らせページ）
business.html （特定商取引法表示ページ）
policy.html （個人情報の取扱いページ）
shoppinguide.html （ご利用案内ページ）

リンクのURLについて

絶対パスでご指定ください

例）<a href="/m/test.html">自作ページ</a>
<a href="/m/test/test.html">自作ページ</a>
<a href="http://ドメイン名/m/test/test.html">自作ページ</a>

正しく動作しない例）<a href="./test.html">自作ページ</a>

文字コードについて

「shift_jis」をご指定ください

例）<meta http-equiv="content-type" content="text/html;charset=shift_jis">

Google Analytics について

「/docs/m/」以下にファイルの拡張子を「html」でアップロードすると解析タグが自動挿入されます

※管理画面 ＞ 集客・運用 ＞ アクセス集計タグ設定 から「ウェブプロパティID」の入力が必要です。
⇒ 詳細は「アクセス集計タグを設定する」をご覧ください。

まとめ買いについて

まとめ買いは利用できません

携帯端末情報の通知設定について

「携帯端末情報」を通知する設定でご利用いただくよう消費者様にご案内ください

※携帯電話各社で「携帯端末情報／端末ID／個体識別情報／iモードID／製造番号／EZ番号／端末シリアル番号」など、名称が異なります。

◆ カートのURL

ショップIDの場合

http://cart.shopserve.jp/ショップID/mob_cart.cgi?guid=ON
または
http://cart1.shopserve.jp/ショップID/mob_cart.cgi?guid=ON

※ご契約者様によって「cart」の後に数字が入る場合があります

独自ドメインの場合

http://cart.shopserve.jp/-/独自ドメイン/mob_cart.cgi?guid=ON
または
http://cart1.shopserve.jp/-/独自ドメイン/mob_cart.cgi?guid=ON

※ご契約者様によって「cart」の後に数字が入る場合があります

◆ 特殊記号

特殊記号 必須／任意 設定値
ITM 必須 商品番号
CNT 任意 個数
VAR1 必須（バリエーション設定時） バリエーション1の選択肢
VAR2 必須（バリエーション設定時） バリエーション2の選択肢
VAR3 必須（バリエーション設定時） バリエーション3の選択肢
OPT1 任意 備考1の値
OPT2 任意 備考2の値
OPT3 任意 備考3の値
OPT4～OPT30 任意（自作の場合のみ利用可） 備考4～30の値

◆ カゴに入れるボタンの設置方法 （ リンクを利用する ）

ショップIDの場合

<a href="http://cart.shopserve.jp/ショップID/mob_cart.cgi?guid=ON&ITM=商品番号&CNT=1">カゴに入れる</a>
<a href="http://cart1.shopserve.jp/ショップID/mob_cart.cgi?guid=ON&ITM=商品番号&CNT=1">カゴに入れる</a>

※ご契約者様によって「cart」の後に数字が入る場合があります

独自ドメインの場合

<a href="http://cart.shopserve.jp/-/独自ドメイン/mob_cart.cgi?guid=ON&ITM=商品番号&CNT=1">カゴに入れる</a>
<a href="http://cart1.shopserve.jp/-/独自ドメイン/mob_cart.cgi?guid=ON&ITM=商品番号&CNT=1">カゴに入れる</a>

※ご契約者様によって「cart」の後に数字が入る場合があります

◆ カゴに入れるボタンの設置方法 （ フォームを利用する ）

ショップIDの場合

<form method="POST" action="http://cart.shopserve.jp/ショップID/mob_cart.cgi?guid=ON">
<input type="hidden" name="ITM" value="商品番号">
<img src="商品画像"><br>
商品名：商品名<br>
価格：1,000円<br>
色：
<select name="VAR1">
<option value="白">白</option>
<option value="黒">黒</option>
<option value="青">青</option>
</select><br>
名前：<input type="text" name="OPT1"><br>
<input type="text" size="3" name="CNT" value="1">個<br>
<input type="submit" value="カゴに入れる">
</form>
<form method="POST" action="http://cart1.shopserve.jp/ショップID/mob_cart.cgi?guid=ON">
<input type="hidden" name="ITM" value="商品番号">
<img src="商品画像"><br>
商品名：商品名<br>
価格：1,000円<br>
色：
<select name="VAR1">
<option value="白">白</option>
<option value="黒">黒</option>
<option value="青">青</option>
</select><br>
名前：<input type="text" name="OPT1"><br>
<input type="text" size="3" name="CNT" value="1">個<br>
<input type="submit" value="カゴに入れる">
</form>

※ご契約者様によって「cart」の後に数字が入る場合があります

独自ドメインの場合

<form method="POST" action="http://cart.shopserve.jp/-/独自ドメイン/mob_cart.cgi?guid=ON">
<input type="hidden" name="ITM" value="商品番号">
<img src="商品画像"><br>
商品名：商品名<br>
価格：1,000円<br>
色：
<select name="VAR1">
<option value="白">白</option>
<option value="黒">黒</option>
<option value="青">青</option>
</select><br>
名前：<input type="text" name="OPT1"><br>
<input type="text" size="3" name="CNT" value="1">個<br>
<input type="submit" value="カゴに入れる">
</form>
<form method="POST" action="http://cart1.shopserve.jp/-/独自ドメイン/mob_cart.cgi?guid=ON">
<input type="hidden" name="ITM" value="商品番号">
<img src="商品画像"><br>
商品名：商品名<br>
価格：1,000円<br>
色：
<select name="VAR1">
<option value="白">白</option>
<option value="黒">黒</option>
<option value="青">青</option>
</select><br>
名前：<input type="text" name="OPT1"><br>
<input type="text" size="3" name="CNT" value="1">個<br>
<input type="submit" value="カゴに入れる">
</form>

※ご契約者様によって「cart」の後に数字が入る場合があります

◆ カゴを見るリンクの設定方法

ショップIDの場合

<a href="http://cart.shopserve.jp/ショップID/mob_cart.cgi?guid=ON">カゴを見る</a>
<a href="http://cart1.shopserve.jp/ショップID/mob_cart.cgi?guid=ON">カゴを見る</a>

※ご契約者様によって「cart」の後に数字が入る場合があります

独自ドメインの場合

<a href="http://cart.shopserve.jp/-/独自ドメイン/mob_cart.cgi?guid=ON">カゴを見る</a>
<a href="http://cart1.shopserve.jp/-/独自ドメイン/mob_cart.cgi?guid=ON">カゴを見る</a>

※ご契約者様によって「cart」の後に数字が入る場合があります

サーバーの仕様・CGIのご利用について

サーバーの仕様、CGI・独自プログラムのご利用に関するご案内は、以下の範囲とさせて
いただきます。動作保障、具体的な設置方法・利用方法のご案内は行っておりません。
サーバーの仕様
ウェブサーバーソフト Apache 1.3.34
OS Solaris9　（X86 プラットフォーム）
設置ディレクトリ docs ディレクトリ、　またはcgi-binディレクトリ内
ファイルの属性 755（-rwxr-xr-x）
ディレクトリの属性 755（drwxr-xr-x）
プログラムのパス Perl5（5.8.7） /usr/local/bin/perl
PHP4（4.4.1） /usr/local/bin/php
nkf /usr/local/bin/nkf
uuencode /usr/bin/uuencode
sendmail （※） /usr/lib/sendmail
ＳＳＩ ＳＳＩを設置したＨＴＭＬファイルの拡張子は「 .shtml 」
■ Perlスクリプトを用いたCGIプログラムファイルの設置例
　・プログラムファイルの一行目には、
　　#!/usr/local/bin/perl
　　と、Perlまでのパスを記述する。
　・プログラムファイル名（拡張子）は「.cgi」で保存する。
　・アップロードは「ASCIIモード（テキストモード）」で行う。
　・プログラムファイル属性は「755」とする。
■ PHPスクリプトを用いたCGIプログラムファイルの設置例
　・プログラムファイルの一行目には、
　　#!/usr/local/bin/php
　　と、phpまでのパスを記述する。
　・プログラムファイル名（拡張子）は「.cgi」で保存する。
　・アップロードは「ASCIIモード（テキストモード）」で行う。
　・プログラムファイル属性は「755」とする。
CGIプログラムファイルは、サーバーの「docs」と並列に位置する
「cgi-bin」ディレクトリにアップロードします。
※sendmail の利用について
・メールユーティリティとして、qmailを使用しております。
・sendmailをご利用されてのメール配信は、1通（100KB以内）につき、1秒間以上の間隔を
　あけてください。
・大量のメール配信は、携帯電話会社やプロバイダ側で迷惑メールと認識された場合、
　サーバーを共有している他のお客様が送信したメールまで受取拒否されてしまいます。
　これは、他のお客様にご迷惑をかける行為となりますので、十分ご配慮くださいますよう
　お願い申し上げます。
著しくサーバーに負荷のかかるCGIをご利用の場合は、該当CGIの利用を停止する
場合がございます。あらかじめご了承ください。

よくある質問

Ｑ. ショップサーブで利用できるデータベースは何ですか？
　 　
Ａ. SQLiteのバージョン3.3.5となります。
MySQLの環境が必要なプログラムはご利用いただけません。
Ｑ. PHPで、SQLiteは利用できますか。
　 　
Ａ. PHPスクリプトからSQLiteはご利用いただけません。Perlスクリプトにてご利用ください。
Ｑ. 「.htaccess」ファイルの設置は可能ですか？
　 　
Ａ. ショップサーブで提供している機能、サービス面で、「.htaccess」を使用しています。
ご自身で設置されても、管理画面を操作することにより、上書きされてしまう
場合があります。
Ｑ. 「.shtml」は利用できますか。
　 　
Ａ. 利用可能です。Indexファイルの表示優先順位は、
index.shtml＞index.htm＞index.htmlとなります。