小さいお店や片手間の副業としてネットショップで成功するための運営ノウハウを紹介

カラーミーショップでプラス10万円売り上げる為のネットショップ運営講座

カラーミーショップの最適化・カスタマイズ

カラーミーショップに音楽(MP3)の試聴機能を追加する

投稿日:

サンプルとして、商品の音楽を試聴させたい場合もあるかと思います。
ところが、カラーミーショップ内には、
画像ファイルとFLASHファイル以外はアップロードすることができません。
なので、その回避方法として、
音楽データは別のサーバーにアップロードしておいて、
カラーミーショップ側からそのファイルを呼び出す方法を取ります。

今回は、埋込み式のフラッシュプレイヤーを使って、
カラーミーショップに音楽(MP3)の試聴機能を追加する方法を紹介します。

 

{{insert_meta post760_1}}

← こんな感じ (※音量注意

 

1.レンタルサーバーを借りる

まずは、音楽データを置いておく為のサーバーを借りましょう。
カラーミーショップと運営会社が同じロリポップが良いです。
独自ドメインなどの連携も取りやすく、値段も安いです。

2.サーバー初期設定を行う

登録が完了したら、FFFTP をダウンロードし初期設定を行います。
設定内容や方法については、ロリポップの登録完了メールを見て下さい。

3.試聴データのアップロード

さきほど設定が完了したロリポップサーバーに
視聴させたい音楽データ(MP3)をFTTTPを使ってアップロードします。

4.プレイヤーのダウンロード

下記のサイトより「Download EMFF」をクリックして先に進み、
zipファイルをダウンロードして下さい。
http://emff.sourceforge.net/

※現時点での最新ファイルは「emff_0.5.8.zip」となっています。

5.プレイヤーのアップロード

さきほどダウンロードしたプレイヤーは、FLASH(.swf)を使ったプレイヤーです。
FLASHファイルなら、カラーミーショップにアップロードが可能ですので、
ファイルを解凍し、[skinsフォルダ]の中から好みのプレイヤーを選び、
カラーミーの画像ファイル管理でアップロードして下さい。

色々ファイルが入っていますが、好みのプレイヤーのファイル
(例えば、emff_standard.swf)以外は、アップロードしなくて良いです。

 

{{insert_meta post760}}

 

6.コードを作成する

コードジェネレーターを使い、コードを作成します。
入力内容については、以下の画像を参考にして下さい。

EMFFコードジェネレーター

(1)項目5の【プレイヤーのアップロード】で選んだプレイヤーの種類を選んで下さい。

(2)には、MP3をアップしたファイルのURLを入力して下さい(ロリポップ)。
例えば、「http://www.netshop-waza.com/mp3/sample.mp3」のように。

(3)でメモ帳に貼り付けたコードを修正します。
赤色の部分をプレイヤーをアップロードしたあなたのカラーミショップのURLに書き換えてください。

<object type="application/x-shockwave-flash" data="http://img02.shop-pro.jp/PAxxxxx/xxx/etc/emff_easy_glaze.swf" height="32" width="32">
<param name="movie" value="http://img02.shop-pro.jp/PAxxxxx/xxx/etc/emff_easy_glaze.swf">
<param name="FlashVars" value="src=http%3A%2F%2Fwww.netshop-waza.com%2Fsample.mp3">
</object>

7.コードを貼り付ける

カラーミーショップの試聴機能を追加したい部分に
先ほどのコードを貼り付ければ作業完了です。
お疲れ様でした。

 

簡単&無料でお客が増える!小さいお店のホームページの作り方簡単&無料でお客が増える!小さいお店のホームページの作り方「カラーミーじゃ売れないのかな?・・・」「デザインはプロに頼むべきなのかな・・・」と悩んでいたら、ぜひ一度ご覧ください。

スポンサードリンク

スポンサーリンク

スポンサードリンク

スポンサーリンク

-カラーミーショップの最適化・カスタマイズ

Copyright© カラーミーショップでプラス10万円売り上げる為のネットショップ運営講座 , 2024 All Rights Reserved Powered by STINGER.