(ご参考)各種SNSをSHIFTに連携させる方法 「facebook」「YouTube」「Instagram」「Twitter」

Slides:



Advertisements
Similar presentations
Silverlight Producer コンテンツ作成 第一回 GKB48 セミナー 「学習型クラウド共有スペース GKB コモンズは何を目指すか」 2013.oct.30.
Advertisements

統一メールアドレス 管理ページの使い方 ジュリナビ運営事務局. 統一メールアドレスとは 統一メールアドレス管理ページでできること 統一メールアドレス管理ページを開く(BASIC認証) 統一メールアドレスを新規発行する(1)(2) 登録者向けに一斉メールを配信する(1)(2)(3) 登録者情報をダウンロードする(1)(2)
JIMDO 勉強会その4 基本操作その2. 機能アイコンはつぎのように表示されます。 機能アイコンの表示.
WebCluster スライドショーで見る操作ガイド -12- 地図や動画の貼り付け 転載 / 複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. escで中断、リターンキーで進みます.
ファーストステップガイド ( 管理者向け) ナレッジスイート株式会社 Copyright (c) knowledgesuite inc. All rights reserved.1.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
MicrosoftOffice365 情報リテラシー実践用説明資料. 目次 1.Microsoft Office365のログイン方法 2.ホーム画面(受信トレイ)の説明 3.Microsoft Office365のメール形式変更 4.Microsoft Office365のメール転送設定 5.Microsoft.
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word ア イコンをダブルクリックする。 * (2) 「スタート」⇒「すべてのプログ ラム」⇒「 Microsoft Office 」⇒ 「 Microsoft Office Word 2007 」と.
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word アイ コンをダブルクリックする。 * (2) 「スタート」 ― 「すべてのプログラ ム」 ― 「 Microsoft Word 」と選ぶ。 (3) Word で作成された文書があるとき は、そのアイコンをダブルクリック.
フォトブックサイト企画提案書 『モバフォトBook』
自動車保険インターネット お手続きサイト ご利用方法
●BtoB(企業間取引)ページを作成する:概要
らくらく学校連絡網 スライドショーで見る操作ガイド -7- 出欠確認付きメール escで中断、リターンキーで進みます
デジタルポートフォリオ作成支援ツール PictFolio 使用マニュアル
プレゼンテーション用ソフトウェア Impress
ワークフロア清柳 パソコン教室(宛名).
法人e名刺 ブログ運用マニュアル 社外秘 目次 □ブログ運用ルール
移行大学向けデータ登録手順書 [補足] (アイテムタイプ名の変更手順)
Ustream 2010年8月.
利用推奨環境 最新のウエブブラウザGoogle Chromeを推奨します。 最新のAdobe Flashが必要になります。
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
webブラウザ proxy設定 (HTTP1.0)
WebCluster スライドショーで見る操作ガイド
WebCluster スライドショーで見る操作ガイド
WebCluster スライドショーで見る操作ガイド
WebCluster スライドショーで見る操作ガイド
アプリケーション共有機能 〈参考〉 (図1) (図2)
WebCluster スライドショーで見る操作ガイド
プロフィール項目設定の仕様変更 OpenPNE2.12.
チュートリアル EBSCOhostの概要
WebCluster スライドショーで見る操作ガイド
EBSCOhost 詳細検索 チュートリアル support.ebsco.com.
Youtubeへの 動画アップロード方法        D8694 初村 聡.
facebook.com/konatsukoharu
WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。
Windows 7 ウィルスバスターインストール方法 ユーザーアカウント制御の設定変更 ウィルスバスターのインストール
JIMDO勉強会その2 アカウント新規作成.
バリューレゾルーション学修システム アクセス/ログイン方法
「Googleフォームを活用した 『いじめ』アンケ-トシステムの開発」
アウトバウンド業務 ガイダンス Ver.7 アウトバウンド業務について、作業フローを具体的な事例別にご説明します。
広告ガイド 2018年 1月〜3月.
初期設定マニュアル コナミスポーツクラブ情報ダイヤル 【お問い合わせ先】 0120-919-573 受付時間
Windows Vista ウィルスバスターインストール方法 ユーザーアカウント制御の無効化 ウィルスバスターのインストール
SNSの急拡大! ネット時事課題 ○子供たちは、スマートフォンや携帯ゲーム機を使い、毎日様々なインターネットサービスを利用しています。
ひろしま健康手帳 ひろしまヘルスケアポイント の使い方 アプリ版 ひろしま健康手帳にはたくさんの機能があります。
G Suite導入ガイド Ver1.3.
第6回 Androidアプリの作成 07A1069 松永大樹.
クイックガイド <キーワードによる検索方法>
フリーソフトでDVDのコピーをしてみよう
OperationTool Manual オペレーションツールマニュアル Ver.1.10 UPDATE:
ホームページビルダー 不要ファイル削除の仕方.
このフォームはPowerPoint2007で作成し、PowerPoint2003以前でも使用できるように 「
facebook.com/konatsukoharu
広告ガイド 2017年10月〜12月.
すべて読む Microsoft SharePoint ニュース
Garoon on cybozu.com 2014年9月版 新機能 Copyright© 2014 Cybozu.
スマートスクールWeb 発注承認マニュアル
新メールアカウント 簡易設定法 神奈川技術士会 GoogleApps および 新メールアカウント 神奈川技術士会
自分で取得出来なかった人については当日申し出て下さい。
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
LEAP初期登録マニュアル 初期設定(初めてのログイン) P 2-3 パスワードの変更 P 4 パスワードを忘れたとき P 5-8
2019年度版 Ver2 追加  5/9:シート9を追加「印刷の前に、各項目にチェックを」 日本バドミントン協会登録の方法 沖縄県中学校用.
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
募集ページ作成マニュアル 準備 募集画面作成 コンタクトフォームの作成(コンタクトフォームとは何か説明) 応募フォームの作成 リンク付け
step1 Maruzen eBook Library 登録方法 step1 step2 step3 スマホで図書館の本を読もう!
ライオン・アカウント 統一ログイン 2019/03/27.
ブログアクセスアップの方法  周 嘉鏐
ソーシャルメディアの画像テンプレート このテンプレートを使用して、既存の画像のサイズを変更するか、 ソーシャル メディアで使用する新しい画像を作成します。 Twitter Facebook Instagram LinkedIn 既存の画像のサイズを変更するには 新しい画像を作成するには 次のページで、画像サイズを選択し、画像のプレースホルダーの中央にある写真アイコン.
「Twenty Seventeen」でHPを制作する
ライオン・アカウント 統一ログイン 2019/03/27.
Presentation transcript:

(ご参考)各種SNSをSHIFTに連携させる方法 「facebook」「YouTube」「Instagram」「Twitter」 ※2017年6月現在の方法です。 SNS側の仕様が頻繁に変わることをご了承ください。

facebook YouTube Instagram Twitter SHIFT ≪はじめに≫ 各種SNSの情報(タイムラインや写真、動画等)をSHIFTページに連携表示させるには、SNS各サイトから「埋め込みコード」を取得し、SHIFTの「ソースコード設定」部分に貼り付けます facebook YouTube Instagram Twitter 埋め込みコード 埋め込みコード 埋め込みコード 埋め込みコード SHIFT SNSの埋め込みコードを貼り付け

表示イメージ (新テンプレート4) YouTube facebook Instagram Twitter

≪埋め込み用ソースコードを生成するページにアクセス≫ 1:facebook ≪埋め込み用ソースコードを生成するページにアクセス≫ 検索エンジン(yahoo!やgoogle)で「facebook ソーシャルプラグイン」を検索しhttps://developers.facebook.com/docs/plugins?locale=ja_JP を開く 「ページプラグイン」をクリック

≪facebookページのURLを設定し「コードを取得」をクリック≫ ※個人ページはNGのようです。 そのまま 推奨:300~500 ※SHIFTで選択しているテンプレートにより異なります。 推奨:250~500 ※SHIFTで選択しているテンプレートにより異なります。 お好みで設定してください。 上の設定に合わせて変化します。 設定が完了したらここをクリックして下さい。

≪ソースコードをSHIFTに貼り付け:『Iframe』の場合≫ 1:facebook ≪ソースコードをSHIFTに貼り付け:『Iframe』の場合≫ Iframeを選択 ※表示されていない場合があります。その場合は次ページ【『JavaScript SDK 』の場合】へお進みください このソースコードをすべてコピーして、SHIFTの【④その他情報入力」>「地図・お問い合わせフォーム・掲示板等】編集画面の「ソースコード設定」部分に貼り付けてください。 コピーして貼り付け ※1、2どちらでもOKです。(選択したテンプレートにより表示される場所が変わります)

≪ソースコードをSHIFTに貼り付け:『 JavaScript SDK 』の場合≫ 1:facebook ≪ソースコードをSHIFTに貼り付け:『 JavaScript SDK 』の場合≫ JavaScript SDKを選択 このソースコード①、②をすべてコピーして、SHIFTの【「④その他情報入力」>「地図・お問い合わせフォーム・掲示板等」】編集画面の「ソースコード設定」部分に貼り付けてください。 ① ② ※ソースコード設定1、2どちらでもOKです。(選択したテンプレートにより表示される場所が変わります) ※下図は設定1に貼り付け例 ①、②ともここに貼り付け

表示された埋め込みコードをSHIFTのソースコード設定部分に貼り付け 2:YouTube 埋め込みたい動画を開く ↓ 「共有」をクリック 「埋め込みコード」をクリック 表示された埋め込みコードをSHIFTのソースコード設定部分に貼り付け

表示された埋め込みコードをSHIFTのソースコード設定部分に貼り付け 3:Instagram 埋め込みたい写真を開く ↓ 右下の「・・・」をクリック 「埋め込み」をクリック 表示された埋め込みコードをSHIFTのソースコード設定部分に貼り付け ※タイムラインを埋め込むコードは提供されていないようです

「ツイートをサイトに埋め込む」をクリック 4:Twitter:特定のつぶやき 埋め込みたいつぶやきの右上の 「   」をクリック ↓ 「ツイートをサイトに埋め込む」をクリック 表示された埋め込みコードをSHIFTのソースコード設定部分に貼り付け

4:Twitter:タイムライン ①、Twitterにログインし「プロフィールと設定」内の「設定」をクリック ②、「ウィジェット」をクリック

4:Twitter:タイムライン ③、「新規作成」内の「リスト」をクリック ④、TwitterのURLを入力し「→」をクリック

⑥、この埋め込みコードをSHIFTのソースコード設定部分に貼り付け 4:Twitter:タイムライン ⑤、お好みのデザインを選択 ⑥、この埋め込みコードをSHIFTのソースコード設定部分に貼り付け

≪ご注意点≫ SNSによっては、SHIFTのプレビュー画面上でうまく表示されていない場合がありますが、公開ページでは正常表示されます。 【プレビュー画面】 【公開ページ】 公開保存