navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。おわりにYoutube動画の埋め込みサポート部の市川です。ECサイトでは動画を活用することで、ユーザーの購買意欲を高めることができます。現在はyoutubeが生活の一部となっていることもあり、日々動画での販促は進歩しています。今、動画でのマーケティングが盛んになっているのは実店舗で商品を見たり触れたりすることができない代わりに、動画を見ることでユーザーは商品を擬似体験することができ使用感・イメージを高めることができるからです。今回はYoutubeにアップロードした動画をサイトで活用できるようサイトへの動画埋込方法についてご紹介します。簡単なので積極的にご活用ください。レスポンシブECサイトとはのページを例にとって説明します。このページ内の「共有」をクリックすることで動画埋め込みコードを取得することができます。取得したコードは下記の通りです。allowfullscreen></iframe>上記コードをコピー&ペーストするだけでも動画の設置は可能ですが、このままではデバイスサイズによっては、動画の全画面が表示されない場合があります。モバイルデバイスでの視聴もふまえ、CSSを使ってデバイスごとのスクリーンサイズに最適化(レスポンシブ対応)できるようにしましょう。divタグでくくって「video」というクラスを追加します。iframeタグに設定されている縦横サイズの初期値も削除します。</iframe></div>手順2CSSを使ってレスポンシブ対応するレスポンシブ対応するために次のCSSを追記します。HTML5でサイトをつくろうを参考にさせていただきました。実際にモバイルデバイスでもPCでも最適サイズで表示されることをお確かめください。動画の埋め込みオプションYoutubeでは再生方法について様々なオプションを用意しています。iframeタグのsrcに設定してあるURLに文字列「?&autoplay=1」を追加することで自動再生をすることができます。※埋め込み動画の再生は、視聴回数としてカウントされません。</iframe></div>【サンプルデモ】その他各種オプションやパラメーターの使い方については下記のサイトが参考になります。[前編]これでもう悩まない。YouTube動画の埋め込みに使える便利なパラメーター14選おわりに動画によるマーケティングの成功事例についてはこちらの記事もお読みください。買いたい気持ちを高める!動画を活用したECサイトの事例コンバージョン率アップの施策として間違いなく効果があるといえるでしょう。動画を使うことで商品が思っていたのと違っていたらどうしようというユーザーの不安を減らして、返品率も減らすといった効果も期待できます。活用していきましょう!”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。業務ソフトウェア会社にて営業職を担当。ソフトウェアを深く理解したい、サービス開発に自ら携わりたいという思いから開発職に転身。お客様の目線、ニーズをふまえた理想のサービスを提供できるよう日々、開発に取り組んでいます。2011.03.02今回はPCと違うモバイルの集客についてお話しいたします。「勝手サイト」という呼び名はここ数年あまり言われなくなりました。2018.07.18みなさんこんにちは、セールス部の泉です。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。