SNS作成サービス!そーしゃるぱーく > 管理者ヘルプ > SNSポータルを設定する

10.SNSポータルを設定する

10-1.SNSポータルクリエイターとは

「SNSポータルクリエイター」を使うと、SNS内の情報やSNSを紹介するメッセージなどを参加メンバー以外に伝える画面「SNSポータル」を生成することができます。SNS管理画面のトップページから「拡張機能」→「SNSポータルクリエイター」を選択して設定を行います。
相当な専門知識があれば、かなり見栄えのいいデザインにすることも可能です。

<SNSポータル設定例・PC版>

PC版SNSポータルクリエイター

<SNSポータル設定例・携帯版>

FP版SNSポータルクリエイター

設定の手順については、以下のメニューを参照してください。


10-2.PC版ポータルの設定手順

レイアウト設定

SNSポータルのレイアウトを設定します。SNSポータルのコンテンツとして表示する内容を、どのような左右比率で表示するかを「5:5」「4:6」「6:4」から選択し、「変更」をクリックしてください。

レイアウト設定

コンテンツ設定

SNSポータルに表示するコンテンツを設定します。「ヘッダ表示」以外の項目は、画面左の図のなかで表示したい位置の番号をプルダウンから選択してください。SNSポータルでは選択した位置のコンテンツ枠にその内容が表示されます。「表示しない」を選択するとその項目はSNSポータルに表示されません。
項目が入っていない番号の枠は上に詰めて表示されます。また、同じ番号を複数の項目で指定するとエラーとなり更新できませんのでご注意ください。
設定方法およびコンテンツの内容については以下の通りです。

コンテンツ設定
  • 【ヘッダ表示テキスト】
    「SNS名を表示」を選択すると2.SNSの初期設定で定めたSNSの名称が、「手動入力」を選択すると右にあるテキスト入力欄に入力した内容がヘッダ部分の画像に重ねて表示されます。
    なお、ここに文字を表示したくない(ヘッダ画像のみ表示させたい)場合は「手動入力」を選択し、テキスト入力欄を空にしてください。
  • 【最新コミュニティ書き込み】
    SNS内にあるコミュニティのなかで、最近書き込みのあったトピック・イベントを新しい順から最大5件表示します。ただし、コミュニティ参加者以外に非公開となっているコミュニティの書き込みは反映されません。また、「コミュニティ画像を表示」にチェックを入れると、それぞれのコミュニティ画像が併せて表示されます。
  • 【最新レビュー】
    SNS内で書かれたレビューを新しいものから最大5件表示しています。また、「商品画像を表示」にチェックを入れると、それぞれの商品画像が併せて表示されます。
  • 【メンバーアクセスランキング】
    SNSでのメンバーのアクセス数ランキング(前日アクセスされた数のランキング)を5位まで表示しています。SNSにログインして「ランキング」を見たときのアクセス数ランキングと同じものとなっています。
  • 【コミュニティ盛り上がりランキング】
    SNSでのコミュニティの盛り上がり度ランキング(前日のトピック・イベントへの書き込み数ランキング)を5位まで表示しています。SNSにログインして「ランキング」を見たときのコミュニティ盛り上がり度ランキングと同じものとなっています。また、「コミュニティ画像を表示」にチェックを入れると、それぞれのコミュニティ画像が併せて表示されます。
  • 【イベント予定】
    SNS内にあるコミュニティでのイベントを、開催日時の近いものから最大5件表示します。ただし、既に終了したイベントやコミュニティ参加者以外に非公開となっているコミュニティのイベントは反映されません。
  • 【RSSリーダー】
    下記「RSSリーダー設定」で設定したURLのタイトルと記事を最大5件表示します。1~5にはそれぞれ別のURLを指定できます。また、「記事画像を表示」にチェックを入れると、対応した形式の記事であればその画像が併せて表示されます。
  • 【フリーエリア】
    下記「フリーエリア設定」で設定した内容を表示します。1~5にはそれぞれ別の内容を指定できます。

RSSリーダー設定

SNSポータルに表示するブログなどを設定します。それぞれのタイトル(ここで設定したタイトルがSNSポータル上では表示されます)および「RSSURL」の欄にそれぞれ表示したいRSSのURL(RSSのURLはブログサービスにより異なりますので、ブログサービス会社にお問い合わせください)を入力して「変更」をクリックしてください。
なお、ブログは更新状況を一定期間ごとに取得しますので、ブログを更新した直後にはまだSNSに反映されない可能性があります。

RSSリーダー設定

フリーエリア設定

フリーエリアを使うと、SNSポータルに自由に設定した文章やその他コンテンツを表示することができます。
「フリーエリア」の1~5の欄にそれぞれタイトル(ここで設定したタイトルがSNSポータル上では表示されます)および内容を入力して「変更」をクリックしてください。

フリーエリア設定 (1)

なお、フリーエリアの記述については以下を参考にしてください。

  • HTMLタグが使用できますが、タグを使用しない改行は反映されず、URLも自動ではリンクになりません。
  • 小窓が使用できます(小窓機能についてはこちらをご確認ください)が、セキュリティ警告が表示される場合がありますのでご注意ください。
  • 「ポートレット(枠)のHTMLを挿入」をクリックしてからタイトル・本文を記述すると、他のポータル用コンテンツと同様の枠に入った状態で表示されます。
  • アップロードした画像を使用できます。画像の追加方法は以下の通りです。
    (1) 「画像の挿入/アップロード」ボタンをクリックすると下図のような画像追加欄が表示されます。
    (2) 「参照」をクリックしファイルから画像を選択し、「追加」をクリックすると画像がアップロードできます。
    (3) アップロードした画像の下の「挿入」をクリックすると、指定した画像の表示を示すタグ<imgsrc="./img.php?filename=********.jpg"/>がフリーエリア本文入力欄に入りますので、フリーエリアの内容を確認して「変更」をクリックしてください。

フリーエリア設定 (2)

配色設定

SNSポータルの配色を設定します。SNSポータルに使用する配色を、カラーパターンから選択して「変更」をクリックしてください。
ただし、SNSポータルのヘッダーおよびフッターの画像は、SNSで使用している画像がそのまま表示されます。ヘッダとフッターの画像を変更したい場合は、「5-2.使用する画像を変更する」を参照してください。

配色設定

その他設定(上級者向け)

その他設定として、SNSポータルに関して以下の設定が可能です。これらの設定はSNSポータルの設定に必須ではありませんが、必要に応じてご利用ください。

  • 【カスタムCSS】
    a.「カスタムCSS」欄にCSSを入力し「変更」をクリックすると、独自のCSSをSNSポータル上に反映できます。ここで設定したCSSがデフォルトのCSSよりも優先されます。
  • 【metaタグ設定】
    b.「metaタグ設定」の「description」「keyword」をそれぞれ入力し「変更」をクリックすると、それぞれの入力値がmetaタグとしてSNSポータルに設定されます。
    • descriptionは、検索エンジンにヒットしたときに検索結果一覧で表示させたい文言を入力してください。
    • keywordは、検索エンジンにヒットさせたい単語を半角カンマ区切りで入力してください。
その他設定

プレビュー

設定を行ったSNSポータルを公開する前には、画面左にある「プレビュー」をクリックして設定したSNSポータルを確認することをおすすめします。
プレビューでは公開されるSNSポータルと同じものが表示されますが、プレビュー画面からはSNSへのログインを行うことはできません。

使用設定

上記の設定を反映してSNSポータルを公開するには、「使用設定」でSNSポータルを「使用する」を選択して「変更」をクリックしてください。設定した内容でSNSポータルが生成され、生成されたSNSポータルはSNSのログインページとして使用されます。
またここで「使用しない」になっている間は、SNSポータル設定に関わらず通常のログインページ(画像とログインフォームのみ)が表示されます。
なお、現在外部ログインページを使用している場合、ここで「使用する」を選択すると、SNS設定の「外部ログインページURL」が上書きされます。ご注意ください。

使用設定

10-3.携帯版ポータルの設定手順

管理画面トップで「携帯版ポータル設定」を選択すると、携帯電話でのSNSログイン画面に表示する内容が設定できます。ただし、携帯版ではPC版と異なりSNS内の情報を表示することはできず、フリーエリアの設定のみ行えます。

コンテンツ設定

SNSポータルに表示するコンテンツを設定します。「フリーエリア1」~「フリーエリア4」について、画面左の図のなかで表示したい位置の番号をプルダウンから選択してください。選択した位置のコンテンツ枠にその内容が表示されます。「表示しない」を選択するとその項目はSNSポータルに表示されません。
項目が入っていない番号の枠は上に詰めて表示されます。また、同じ番号を複数の項目で指定するとエラーとなり更新できませんのでご注意ください。

携帯版コンテンツ設定

フリーエリア設定

フリーエリアの設定の手順は、PC版と同様です。ただし、携帯電話のブラウザによってHTMLタグの一部は対応していないものがありますのでご注意ください。

プレビュー

PC版同様、画面左にある「プレビュー」をクリックすると設定したSNSポータルを確認できます。
プレビューでは公開されるSNSポータルと同じものが表示されますが、プレビュー画面からはSNSへのログインを行うことはできません。
また、実際の携帯電話での見え方とは若干異なる場合がありますので、ご注意ください。

使用設定

ポータル使用設定の手順は、PC版と同様です。設定を反映してSNSポータルを公開するには、「使用設定」でSNSポータルを「使用する」を選択して「変更」をクリックしてください。