[ショップサーブ]YouTubeの埋め込み（レスポンシブデザイン）

 

ショップサーブのヘルプにYouTubeのリンクが貼ってあるだけって。（泣）

 

ということで、以下設定したので備忘録。

 

使用レイアウト：レスポンシブ

 

「共有」→「埋め込み」→「動画の埋め込みソース」

 ↓こんな感じのソース　※赤いところは削除する。

<iframe width="560" height="315" src="https://www.youtube.com/embed/***********? controls=0" title="任意" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 

で、これだけだと、レスポンシブにならないので、cssを使う。

.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;}

.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;} 

で、以下のように囲う。

<div class="iframe-wrapper">

<iframe src="https://www.youtube.com/embed/***********? controls=0" title="任意" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>

 

ついでに、

自社のサイトに埋め込むのに、最後に他のチャンネルの関連動画がでてくるのはあまりよろしくないので、URLの最後に「?rel=0」を追加しておく。

このことで自分のチャンネルの動画が表示される。

 

<div class="iframe-wrapper">

<iframe src="https://www.youtube.com/embed/***********?rel=0 controls=0" title="任意" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>

 

 

以上。

楽天から配布されるwebpという拡張子画像バナーの対処法

jpegが解消されたと思ったら、今度はwebpになって届きはじめた。 一手間かかりますが、次のツールで簡単に変換できます。

↓画像をドラックして、「JPGに変換」をクリックするだけで簡単。

WEBPをJPGに変換

 

こういう時は、「webp jpg」とか検索すると、いろんな便利ツールがでてきます。 

楽天市場出店者のアフィリエイト料率

 今更なんだが、楽天市場の課金の改変って、

知らないうちに、思い切ったことが変わる。

知らないうちに、、というのは、楽天側からいうと語弊があるのかもしれないが、

お店側としては、インフォーメーションで届いただけの内容にしては、

ええっ、と思うのです。

 

４月から両率変更で、2%〜8％が、2%〜4%になるというインフォメーション。

アフィリエイト画面をみて、嫌な予感。

よくよく聞いてみると、

以前は、1%は固定で、それ以上は、店舗ごとに料率を決めながら運営できたのに、

現在は、出店している全部の店舗が一律で該当していて、

料率は、その商品を登録しているジャンルによるという。。。

えっ、、、、平気で8%とか成果報酬出しているものがあるし、、、8%って、、、、

４月からは、最大4%になるといっても、このアフィリエイトは全て店舗負担。

広告費というと高くないかもしれないけれど、これが強制だというのに、

なんか、どうなんだろうな、お店側は請求明細届くだろうから気づいてるんだとは思うけれど..。

結果的には、お店側の判断だけれど、 いいところもあるけど、こういうのどうも解せない。