ウェブ制作のクラウドビジネスをはじめよう！

bingo!CMSニュースレター

配信：2020年2月19日

パートナー向けニュースレターのアーカイブです

 
bingo!CMSロゴ画像（ニュースレタートップ用）

bingo!CMSにSNSのタイムラインを埋め込む方法

こんにちは！ bingo!CMS 広報担当の鈴木です。
 
『bingo!CMSサイトにSNSを埋め込むには、どうすればいいの？』
これは、bingo!CMSサポートチームに寄せられる中でも、かなり上位にランクインするお問い合わせです。

そこで、bingo!CMSにSNSのタイムラインを埋め込む方法を、Tipsにまとめました！
 
 

これさえ知っていれば怖くない！埋め込みのコツ

詳しく伺ってみると、HTML v17ユニット にSNSのプラグインで発行されたコードを記述してもうまく行かない…と仰る方が多いようです。
 
実は、HTML v17に限らず、bingo!CMSのhtmlが記述できるユニットは、外部スクリプトの読み込みに対応していません。
そのため、単にユニットに記述するだけでは、埋め込みが成功しないのです。
 
今まで本件に関するマニュアルが存在しなかったので、皆さまに誤解を与えてしまっていました。
※ちなみに、外部読み込み以外の<script>タグは、HTML v17のjavascript欄に記述すれば実行できます。ただし、開始/終了タグは不要です。
 
では、どうすればよいのか？
ズバリ、<a>タグと<script>タグをそれぞれ別の場所に記述してください！
 
<a>タグ => HTML v17など、htmlが記述できるユニット
<script>タグ => このページ用のcssとjavascriptの設定
 
Tipsでは、TwitterとFacebookの埋め込み方法をご紹介していますが、他のSNSについても検証でき次第追加していきます。※Instagramにも対応しました！
 
詳しい手順は、ぜひTipsをご覧ください。
また、SNS用に画像をリサイズするツールもご紹介しています。
以上、お役に立てば幸いです。


それでは！
 

アーカイブに関するご注意

この記事はbingo!CMS広報担当独自の見解を元に執筆しています。
また、記事公開時点での情報に基づいているため内容が最新でない場合があります。

ページトップ