FC2ショッピングカートで「title」と「description」をページ毎に変える。

FC2ショッピングカートのカスタマイズに関してメモがてら残しておきます。
「タイトル」と「metaタグのdescription」をページ毎に変えるというカスタマイズです。

FC2ショッピングカートで「http://kudo.cart.fc2.com」の MovieMaterial.SHOP を運営しているわけですが、
FC2ショッピングカートは普通にやっているとどうしてもトップページだろうが商品紹介ページだろうがなんだろうがタイトルやmetaタグのdescriptionは同じになってしまうんですね。で、これを今回なんとかしようと思いうんうんうなりながらやりました。

どうやらFC2標準の機能で「keyword」と「description」が設定できるようになりました。
http://fc2information.blog.fc2.com/blog-entry-1243.html
有料だと各商品ページに設定できるようですが、こういう新しい機能は案の定↓
---------------------------------------------------------------
※SEO情報を設定できるPCデザインテンプレートは
2013年7月24日以降にダウンロードされたテンプレートですので、
使用する場合はデザインテンプレートをダウンロードしなおしてください。
---------------------------------------------------------------
なので、昔から使っていて色々カスタマイズしている人にとってはなんにせよ面倒くさいなぁと思います。
追記終わり

まず結果どのようになったのかを掲載すると次のようになっています。
ちなみに理屈はいまだによくわかっておりませんので詳しい解説はできません。
(^^;
また、もしかしたら何か色々間違えているのかもしれませんのでこれをそのまま流用して何かあっても責任はとれませんのでご注意を。

ソースコードをコピーしたい場合は上画像のようなアイコンが出た時にクリックするとコピーできます。

■タイトルタグ

↓これが

<title>{shop_name}</title>

↓このようになりました。

<title>
{if TOPPAGE}{shop_name}{/if}
{!if TOPPAGE}
{if DSP_ITEMDETAIL}{current.name_item}【MovieMaterial.SHOP】{/if}
{if DSP_WITHDRAW}退会手続き{/if}
{if DSP_INQUIRY}MovieMaterial.SHOP お問い合わせ{/if}
{if DSP_LAWS}特定商取引法について{/if}
{if DSP_USERPAGE}{userpage_title}【MovieMaterial.SHOP】{/if}
{if DSP_MEMBEREDIT}マイページ【MovieMaterial.SHOP】{/if}
{if DSP_CHECK}ショッピングカート【MovieMaterial.SHOP】{/if}
{if DSP_REGI}購入手続【MovieMaterial.SHOP】{/if}
{if DSP_SENDED}ご注文完了【MovieMaterial.SHOP】{/if}
{if DSP_MEMBERREISSUE}パスワード再発行【MovieMaterial.SHOP】{/if}
{if DSP_ITEMLIST}
{!if current.url_ca1}{search.word}{/!if}
{!if current.url_ca2}{if current.url_ca1} {search.word}HD・SD・VJ{current.name_ca1}ロイヤリティフリー（著作権使用料無料）一覧{/if}{/!if}
{if current.url_ca2} {search.word}{current.name_ca2}ロイヤリティフリー（著作権使用料無料）一覧{/!if}
【MovieMaterial.SHOP】{/if}
{/!if}
</title>

■metaタグのdescription

初期設定では記述も無くて一応自分で記述はしていたのですが、
↓これを

<meta name="Description" content="VJ映像素材（動画素材）をロイヤリティフリー（著作権使用料無料）で販売しております。映像素材（VJムービー）をお探しのかたは【MovieMaterial.SHOP】へどうぞ。自分でかっこいい動画をつくるコツやテクニックは必要ありません。ただ動画素材をつなげるだけでも、かっこいい動画をつくる方法がここにあります。" />

↓このようにしました。

<meta property="description" content="{if TOPPAGE}VJ映像素材（動画素材）をロイヤリティフリー（著作権使用料無料）で販売しております。映像素材（VJムービー）をお探しのかたは【MovieMaterial.SHOP】へどうぞ。自分でかっこいい動画をつくるコツやテクニックは必要ありません。ただ動画素材をつなげるだけでも、かっこいい動画をつくる方法がここにあります。{/if}
{!if TOPPAGE}{if DSP_ITEMDETAIL}{current.name_item}｜MovieMaterial.SHOP{/if}
{if DSP_ITEMLIST}
{!if current.url_ca1}{search.word}{/!if}
{!if current.url_ca2}{if current.url_ca1}HD・SD・VJ{current.name_ca1}一覧{/if}{/!if}
{if current.url_ca2}{current.name_ca2}一覧{/!if}
|MovieMaterial.SHOP{/if}
{/if}">

自分ではHTMLやら条件分岐やらはよくわかっていないので今回ものすごく苦労しました。
一応FC2の方でもサポートページらしきものはあるのですが、
↓
■テンプレートカスタマイズ用マニュアル
全然わからない人がこれを見ても何にもわかりません(；´∀｀)


なので色々検索しましてとりあえず次のページを参考にしました。
[第１弾]FC2ショッピングカートでページごとにtitleを替える方法 - NAVER まとめ

で、「カスタマイズ後のtitleテンプレート」とありましたので
試しにこれをそのまま使って確認した所…

ページ真っ白で何も表示されなくなりましたｗ
えーーーーーーーーっ？

この参考にしたものが何かいけなかったのか、それとも元の自分のページが何かおかしいのか、コピペする時に何かやっちまったのかはもちろんわからず
そっと変更前のものに戻しました。
一応何かあった時の為に作業に入る前必ずテキストで変更前のコードをとっておいています。

これをそのままいじるのはきつそうだな…と思いまた色々と検索。
次のページを参考にしました。
「無料サービスFC2ショッピングカートの感想と改善してみた点」

この「改善点1」の所に書いてあるコードをそのまま流用してみた所、

できましたできました。うん一応できたけどなんかこれはちょっとどうなのかな…
自分のサイトだとまずタイトルが長い、そして商品紹介ページのタイトルも長い。ので、
次のようなタイトルになっちゃうんですね。

・トップページタイトル
「VJ映像素材配信 MovieMaterial.SHOP/VJムービー/動画素材 ロイヤリティフリー（著作権使用料無料）で販売」
うん、まあこれは良いとして

・商品紹介ページ
「フルハイビジョン動画素材集の第2段！【MovieMaterial HDVJ2】ロイヤリティフリー 12,800円｜VJ映像素材配信 MovieMaterial.SHOP/VJムービー/動画素材 ロイヤリティフリー（著作権使用料無料）で販売」



なげーっ！ながすぎる！！！




さすがにこんだけ長いのはよろしくないかなと思い、もうちょっとなんとかならないかと色々試行錯誤する事になります。

■まず最低条件として次のように考えました。

「トップページ」「商品紹介ページ」のタイトルはわける。
「トップページ」はショップタイトルで良いが、
「商品紹介ページ」の基本タイトルは「商品の名前」で、後ろに「MovieMaterial.SHOP」とつける。

という事で色々やりました。
もちろんこちらも参考にしています。
・テンプレートカスタマイズ用マニュアル
・[第１弾]FC2ショッピングカートでページごとにtitleを替える方法 - NAVER まとめ

とりあえずは

<title>
{if TOPPAGE}{shop_name}{/if}
</title>

このようにやってみました。この状態だと「トップページ」にショップネームが適用されるという事になりますね。
これだと「トップページ」は良いですが、商品紹介ページのタイトルはアドレスになるかもしくはショップネームになります。
という事で最低条件には達していません。

次に

<title>
{if TOPPAGE}{shop_name}{/if}
{if DSP_ITEMDETAIL}{current.name_item}【MovieMaterial.SHOP】{/if}
</title>

とやりました。これだと「トップページ」と「商品紹介ページ」にわかれてタイトルが表示されるだろうと思いました。
思ったのですが…

実際の「商品紹介ページ」では

VJ映像素材配信 MovieMaterial.SHOP/VJムービー/動画素材 ロイヤリティフリー（著作権使用料無料）で販売フルハイビジョン動画素材集の第2段！【MovieMaterial HDVJ2】ロイヤリティフリー 12,800円【MovieMaterial.SHOP】

となりましたｗ
「ショップタイトル」+「商品の名前」+【MovieMaterial.SHOP】で全部のっちゃいました。
（記憶ではこうだと思っているのですが実際には順番違ったかもしれません）

長いよー。ながいよながいよー。

という事でこれも最低条件には及びませんでした。

イメージとしては

・トップページタイトルは
VJ映像素材配信 MovieMaterial.SHOP/VJムービー/動画素材 ロイヤリティフリー（著作権使用料無料）で販売

・商品紹介ページタイトルは
フルハイビジョン動画素材集の第2段！【MovieMaterial HDVJ2】ロイヤリティフリー 12,800円【MovieMaterial.SHOP】

なのですが、うーん、どうしたら良いのか。

こちらに↓
[第１弾]FC2ショッピングカートでページごとにtitleを替える方法 - NAVER まとめ

「トップページ以外のタイトルは{!if TOPPAGE}で囲んでいます。」という記述があったので、これか！

最低条件完成↓

<title>
{if TOPPAGE}{shop_name}{/if}
{!if TOPPAGE}
{if DSP_ITEMDETAIL}{current.name_item}【MovieMaterial.SHOP】{/if}
{/!if}
</title>

これでこのようなタイトル表記になりました。

・トップページタイトルは
VJ映像素材配信 MovieMaterial.SHOP/VJムービー/動画素材 ロイヤリティフリー（著作権使用料無料）で販売

・商品紹介ページタイトルは
フルハイビジョン動画素材集の第2段！【MovieMaterial HDVJ2】ロイヤリティフリー 12,800円【MovieMaterial.SHOP】


■他細かい所はあまり覚えていません(^^;
特にカテゴリーはものすごく苦労しました。本当に何にもわからないもんで。
search.wordってどこにいれたら良かったのかいまだにわからず。
タイトルでの最終的なコードを再度掲載しておきます。

<title>
{if TOPPAGE}{shop_name}{/if}
{!if TOPPAGE}
{if DSP_ITEMDETAIL}{current.name_item}【MovieMaterial.SHOP】{/if}
{if DSP_WITHDRAW}退会手続き{/if}
{if DSP_INQUIRY}MovieMaterial.SHOP お問い合わせ{/if}
{if DSP_LAWS}特定商取引法について{/if}
{if DSP_USERPAGE}{userpage_title}【MovieMaterial.SHOP】{/if}
{if DSP_MEMBEREDIT}マイページ【MovieMaterial.SHOP】{/if}
{if DSP_CHECK}ショッピングカート【MovieMaterial.SHOP】{/if}
{if DSP_REGI}購入手続【MovieMaterial.SHOP】{/if}
{if DSP_SENDED}ご注文完了【MovieMaterial.SHOP】{/if}
{if DSP_MEMBERREISSUE}パスワード再発行【MovieMaterial.SHOP】{/if}
{if DSP_ITEMLIST}
{!if current.url_ca1}{search.word}{/!if}
{!if current.url_ca2}{if current.url_ca1} {search.word}HD・SD・VJ{current.name_ca1}ロイヤリティフリー（著作権使用料無料）一覧{/if}{/!if}
{if current.url_ca2} {search.word}{current.name_ca2}ロイヤリティフリー（著作権使用料無料）一覧{/!if}
【MovieMaterial.SHOP】{/if}
{/!if}
</title>

■descriptionも基本的に考え方は同じのようです。

ただどのようなワードにするのかって所で悩みまして、最終的には

・トップページに元々のdescriptionを入れる。
・商品紹介ページでは「商品の名前」+「|MovieMaterial.SHOP」

を最低条件として考えました。
以下再度掲載します。

<meta property="description" content="{if TOPPAGE}VJ映像素材（動画素材）をロイヤリティフリー（著作権使用料無料）で販売しております。映像素材（VJムービー）をお探しのかたは【MovieMaterial.SHOP】へどうぞ。自分でかっこいい動画をつくるコツやテクニックは必要ありません。ただ動画素材をつなげるだけでも、かっこいい動画をつくる方法がここにあります。{/if}
{!if TOPPAGE}{if DSP_ITEMDETAIL}{current.name_item}｜MovieMaterial.SHOP{/if}
{if DSP_ITEMLIST}
{!if current.url_ca1}{search.word}{/!if}
{!if current.url_ca2}{if current.url_ca1}HD・SD・VJ{current.name_ca1}一覧{/if}{/!if}
{if current.url_ca2}{current.name_ca2}一覧{/!if}
|MovieMaterial.SHOP{/if}
{/if}">

以上です。参考になるかどうかはわかりませんが。

■以下ちょっと蛇足です。

FC2ショッピングカートではユーザー登録してくれた人のメールアドレスとパスワードがショップオーナーが確認できていたんですが、セキュリティの都合？でショップオーナーでもユーザー登録してくれた人のメールアドレスだけが確認できるようになり、パスワードは確認できなくなりました。

では、登録ユーザーさんがパスワードを忘れて確認したい時はどうするのか。
ショップオーナーが「デザイン・表示の設定」→「PCの設定」→「プラグインの追加」で「ログインフォーム」というものを追加して設定。

で、ショップに

このようなものが出来ますので、そこの[パスワードの再発送]をクリックして、そこにあるフォームにメールアドレスを記入してパスワードが送られてくる設定になっています。

これが自分の環境ではなぜか[パスワードの再発送]をクリックしても本来表示される所に何も表示されないんですよねぇ。

なのでFC2のサポートに連絡してみたんですが、返ってきた返事が

「お問い合わせいただいた件ですが
お客様のカートはテンプレートのカスタマイズをされているようですが、
該当の現象はそちらが原因でございました。
御手数ですが、
カスタマイズしていないテンプレートをご利用して頂き
お試し頂きます様お願い致します。」

えー？
「テンプレートのカスタマイズをしているので返答できません」
とかならともかく
「テンプレートのカスタマイズをされているようですが、該当の現象はそちらが原因でございました。」
なんて断言しちゃってるけど？…

これはちょっとどうなのかなと思い、状況を整理。

本来表示されている所に何も表示されていない。
↓
という事は何かが足りない。
↓
使っている元々のテンプレートはかなり前のものなので（2007年か2008年くらいから）
もしかして新しいテンプレートに何かがあるのかな？
↓
新しいテンプレートからソースを確認。
↓
あった。多分これ。

{if DSP_MEMBERREISSUE}
<!--################ パスワード再発送 ##################-->
<div class="contents" id="pwreissue_page">
<h2>パスワードの再発送</h2>
{if reissue_message_error}
<div class="errormessage">{reissue_message_error}</div>
{/if}
{if reissue_message}
<table cellspacing="0" class="table1">
<tr>
<th class="td1">パスワードの再発送</th>
</tr>
<tr>
<td class="td3">{reissue_message}</td>
</tr>
</table>
{/if}
{!if reissue_message}
<form name="form" method="post" action="{reissueurl}">
<table cellspacing="0" class="table1">
<tr>
<th colspan="2" class="td1">パスワードの再発送</th>
</tr>
{foreach reissue}
<tr>
<td class="td2" style="width:25%;">{reissue.title}</td>
<td class="td3" style="width:75%;">{reissue.input}</td>
</tr>
{/foreach reissue}
</table>
</form>
{/!if}
</div>
{/if}

↓
これをそのまま「HTMLの編集」から適当な所にペースト。
↓
確認。パスワード再発送クリック
↓
出た。

という事で足りない要素があった為に表示できないだけでした。


しかし今回それだけでは無かった…
パスワード再発送の項目が表示されてから何度か試したんですが何もメールに届かない…
何で？と思ったのですが、もしかしてmac.comのメールアドレスには届かない？と思い、
ユーザー情報で自分のアドレスをgmail.comに変更。

そしたらあっさり届きました。


うーん、
これ昔FC2ショッピングカートのメーリングリスト機能でメールを送るとmac.comのアドレスには届かないってのがありまして、（確認したら今は届いているみたい）
その時FC2のサポートに連絡した事あったんだけど（最終的な返答は無し）多分その不具合か何かの関係なんだろうなと。（連絡したのは2010年7月）

これ直らないかなー？FC2さーん。

ブログ書いている人のプロフィール

ES... (エス...) モーショングラフィックデザイナー　 （と言うことにしています。）

■経歴みたいなの
2009年12月に「まるごと FREEでつかえる動画素材123」という本を出させていただきました。おかげさまで重版もされました。2012年1月には3刷決定。動画素材123本収録しています。
http://bit.ly/douga123

もうだいぶ前からになりますがクラブVJをやっていました。 そこから映像関係のお仕事をやるようになり、コンサートや企業プレゼン、展示会などのムービーを創ったり、時にはプレゼンテーション素材をつくったりするようになりました。

今はPVなども制作したり動画素材を配布・販売したりしています。

もうちょっと詳しいプロフィールはこちらへどうぞ

動画素材集の本をBNNから出版しました。

123本の動画素材を収録。使い放題です。
↓↓↓↓↓↓↓↓↓


まるごとFREEでつかえる動画素材123 まるごとFREEでつかえる動画素材123 NEO

動画素材.com/ショップ

VJCG動画素材集 などの販売を行っております。


おすすめ動画素材→MovieMaterial HDVJ　　　　おすすめ動画素材→MovieMaterial HDVJ3

動画素材.com

フリーのVJ映像素材・動画素材サイトです。