今回はBASEに出品している商品の埋め込みリンク（iframeタグ）を簡単に生成できるブックマークレットを作成しました。
埋め込みリンクの作り方はBASE公式サイトに掲載されています。
iframe による商品ページのリンク（タグ）を作成・利用したい場合、下記を参考にしていただき、ご希望のサイトへコードを追記してください。
ご利用の際は、【商品詳細ページURL】の箇所を【】も含めてご自身のショップの商品詳細ページURLへ置き換えてください。
サイズ：160×220<iframe frameborder="0" height="220" width="160" src="【商品詳細ページURL】/widget/small" ></iframe>サイズ：220×380
<iframe frameborder="0" height="380" width="220" src="【商品詳細ページURL】/widget" ></iframe>サイズ：320×480
<iframe frameborder="0" height="480" width="320" src="【商品詳細ページURL】/widget/large" ></iframe>
※2020/01/14より、商品詳細ページで上記タグを作成できる機能は終了となりました。
「外部リンクに貼る」のタグを作成・利用することはできますか – ヘルプ | BASE
しかし、いちいちsrcのURLを書き換えるのは面倒くさいので、簡単にBASEのiframeタグを作れるブックマークレットを作りました。
ブックマークレット一覧
スモールver
javascript:(function(){var currentURL = location.href; var iframeHTML = '<iframe frameborder="0" height="220" width="160" src="' + currentURL + '/widget/small" ></iframe>'; prompt("以下のiframeタグをコピーしてください:", iframeHTML);})();ノーマルver
javascript:(function(){var currentURL = location.href; var iframeHTML = '<iframe frameborder="0" height="380" width="220" src="' + currentURL + '/widget" ></iframe>'; prompt("以下のiframeタグをコピーしてください:", iframeHTML);})();ラージver
javascript:(function(){var currentURL = location.href; var iframeHTML = '<iframe frameborder="0" height="480" width="320" src="' + currentURL + '/widget/large" ></iframe>'; prompt("以下のiframeタグをコピーしてください:", iframeHTML);})();ブックマークレットの使い方
使いたいブックマークレットのリンクをブックマークに保存して、商品リンクを作りたいBASEの商品ページで先ほど保存したブックマークレットをクリックするとifameタグを作成することができます。
コメント