Facebookの「いいね!」を促すポップアップの設定方法

最終更新日:

2021/11/11のUI刷新 第一弾リリースにてカラースキーム(配色設計)とタイポグラフィ(文字の書体、大きさ、配列のしかたなど)を変更しております。オンラインマニュアルに掲載している画面キャプチャと実際の管理画面の配色や文字の状態が異なる場合がございますがご了承いただけますと幸いでございます。

Facebookの「いいね!」を促すポップアップの設定手順

SATORI社のサイトのトップページにあるFacebookの「いいね!」を促すポップアップの設定手順を記載します。

画像の右下にあるポップアップです。

 ___1.png

 

 

1.お客様がFacebookページを持っていることが前提です。

2.Facebook の Like Box をこちらから取得します。

3.コードを取得して保存しておきます。

4.SATORI管理画面からポップアップを作成します。作成方法はこちらをご確認ください。

5.HTMLパーツ設定でソースコードを編集します。下記のコードをお客様のFacebookページURLとappidをに変更し、設置します。

 ___2.png

___3.png

 

<iframe width="300" height="130" style="border: none; overflow: hidden;" 290="" src="https://www.facebook.com/plugins/page.php?href=XXXXXXXXXXXXXXX&tabs&width=290&height=130&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=YYYYYYYYYYYYYYY" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

 

・ XXXXXXXXXXXXXXX: お客様のFacebookページのURL

・ YYYYYYYYYYYYYYY: お客様のappid

 

6.ポップアップの作成を完了して設置コードを対象ページに設置します。

この記事は役に立ちましたか?

0人中0人がこの記事が役に立ったと言っています