さらに、インスタグラムの投稿をリアルタイムでホームページにも表示できれば、よりタイムリーな情報の発信にも役立つでしょう。 日本語フォローされていないサイトですが、ブラウザChromeで開いてURLバーの☆マークの左横のマークをクリックするとブラウザ設定の母国語になり、扱いやすいです。 アクセス許可: pages_show_list business_management instagram_basic 「 以下のアクセス許可に、Facebookでは使用が許可されていないものがあります。 」が別窓で表示されたらOKを押す。アクセストークンをメモする。 InstagramのiOSおよびAndroidアプリで、プロフィールのアカウント名をタップすることで登録してある他のアカウントに切り替えられるようになる。 またウィジェットをたくさん使用した場合、ホームページの表示速度が遅くなる場合があります。SEOへの影響が気になる方は、ご注意ください。, 埋め込んだウィジェット内の見たい画像をクリックすると、以下のように「SnapWidget」内に生成されたページに遷移します。 参照:アクセス許可のリファレンス, Facebookにログインする画面が表示されたら、ログイン(OK)を押して次へ進めます。, アクセストークンに表示されているのが有効期限1時間のアクセストークンです。 3.[送信]を押す。, 赤枠で囲んだところが「有効期限無期限のアクセストークン」になります。 切り替え時にFacebookページへリンクするか尋ねられます。まだFacebookページを作成していなければ「今はFacebookにリンクしない」を選択してスキップして、後でFacebookアカウントをリンクしましょう。, インスタグラムのプロアカウントには通常のアカウントにはないビジネスに欠かせない便利なツール・機能が容易されています。 ここで紹介するのは、Instagramのアルバムを追加することのできるブログパーツ(ウィジェット)です。, 気軽に利用できるのが魅力の「SnapWidget」。使い方はいたってカンタンで、グーペならパーツの追加作業で設置できます。 2.アクセストークン、インスタグラムビジネスアカウントID取得フェーズ 設定が完了したら、UPDATE & GET WIDGETをクリック。 魅力的なホームページに出会... 昨今、インターネットバンキング、メールサービス、SNS、各種予約サービス、通販... ホームページ作成サービス「グーペ」で行った、2020年9月に行った機能改善をお知らせします... ホームページ作成サービス「グーペ」で行った、2020年8月に行った機能改善をお知らせします... ※画像をクリックすると、「SnapWidget」内に生成されたグーペのページに遷移します。, タイトル … パーツ(ウィジェット)の名前です。自分で管理しやすい名前をつけましょう。今回の場合は「SnapWidget_Instagram」とします。. 本連載は、「企業のSNS担当者なら絶対押さえておきたい基礎知識」から「Instagramだからこそできる効果的な活用方法」「Instagramの最新トレンド」まで、これを読めば“明日にでもInstagramアカウント運用をスタートできる”よう、最前線のノウハウをわかりやすく解説します。, 前回記事では、Instagramのアカウントを「プロアカウント(旧名:ビジネスプロフィール)」に切り替える方法や「適切なプロフィール画像の設定方法」を解説しました。ちなみに、私が作ったプロアカウントのプロフィール画面がこちらです。, さて、今回はInstagramの通常投稿(フィード投稿)について解説していきます。, Instagramは画像・動画がメインのSNSです。ストーリーズの「タイプモード」を除き、テキストのみの投稿を行うことは、現在できません。企業がInstagramアカウントを継続運用するには、投稿文(テキスト)だけでなく画像・動画も無理なく準備できるスケジュール/体制/ワークフローを整えることが大切でしょう。, さて、Instagramのフィード投稿で使える画像は、当初は「正方形画像のみ」でしたが、現在は横長・縦長の画像も投稿可能です。とはいえ、解像度を落とすことなく美しい画像を投稿するためには、以下の画像サイズを推奨します。, 一言でいえば「画像の幅は320~1080px、かつアスペクト比は1.91:1~4:5」ということです。この条件を満たしていれば、画像の解像度は圧縮されず、そのままで投稿されます。, 上記以外のアスペクト比の画像を投稿した場合Instagramでサポートしている比率に合うよう自動トリミングされます。, この一覧はiOSでは「ライブラリ」、Androidでは「ギャラリー」と呼ばれています。ここから投稿する画像を選択します。 縦長または横長画像は、正方形に自動トリミングされて表示されます。ドラッグで位置の微調整も可能です。, 必要に応じて加工を加えましょう。もしフィルターを使うなら、毎回同じフィルターを使用するのがいいでしょう。今回はオリジナル画像のまま投稿しますので、「次へ」をタップします。, 1投稿あたり2,200文字までキャプションは入力可能です。また後からテキストを変更することもできます。, なお、「#(ハッシュタグ)」は、1投稿あたり30個まで付けることができます。「#(ハッシュタグ)」は非常に重要な役割を果たしますので、別の回で詳しく説明します。, 他にも、以下のような機能が用意されていますが、後から変更可能ですので、今回は設定しなくてもかまいません。, Instagramでは、投稿内容を後から変更したり、削除したりアーカイブしたりすることが可能です。まずは投稿内容を変更してみましょう。画像の変更はできませんが、投稿テキスト(キャプション)の変更は可能です。, 画像の右上にあるメニューボタン(iOSでは「…」、Androidでは縦向きの「」)をタップします。メニューが表示されるので[編集]をタップします。, 最後に内容を確認し「完了」ボタン(AndroidではV字型のチェックマーク表示)をタップします。, Instagramでは、投稿を削除するのではなく一時的に“非公開”にしておける「アーカイブ」機能が用意されています。期間限定キャンペーン投稿など、“記録として残しておきたいがプロフィール画面では非表示にしたい”といった場合に使うと便利です。アーカイブする前に付けられた「いいね」やコメントなどはそのまま保存されます。また、アーカイブした投稿を再び表示させることも可能です。, このプロフィール画面の例では、投稿が2本表示されていますが、これらの投稿をすべてアーカイブしてみましょう。, すると、プロフィール画面はこのように表示されます。投稿本数も「2」から「0」に変わっていますね。, アーカイブして“非公開”状態になっている投稿も、自分自身はいつでも確認可能です。それでは、アーカイブした投稿を再表示してみましょう。, 表示されるメニューから[プロフィールに表示]をタップします。これで、アーカイブした投稿が再表示されます。, 今回はInstagramの通常投稿(フィード投稿)について基本的な内容をご紹介しました。次回はストーリーズ投稿について解説していきます。, Facebook社は、米国時間2019年9月16日にアムステルダムで開催されたIBC(国際放送会議)のセッションで、ビデオクリエーターとパブリッシャー向けの各種アップデートを発表しました。詳細は各社の報道などでご確認ください。企業のSNS運用担当者が見逃せない情報は、「Instagram/IGTVコンテンツを最長6か月前からスケジューリングできる機能」が実装される点でしょう。, 順次、InstagramアカウントとリンクさせたFacebookページの「クリエイタースタジオ」画面から、InstagramフィードとIGTVの投稿予約が可能になっているようです。, 投稿予定時刻が近づくとソワソワして他に何も手が付けられなかったInstagram投稿担当者にとっては、まさに朗報と呼べるニュース! 企業・団体によるInstagram利用も、これでますます活発化するのではないでしょうか。, ※記事内容は執筆時点の情報に基づいています。製品・サービスの仕様や価格は変更されている場合があります。, 東京大学 文学部卒・中学高校教諭第一免許状(国語)取得。日本オラクル(株)にて、技術者向け研修の開発~実施、講師育成、技術者向け資格試験の問題開発などを担当。その後はマーケティング、パートナービジネス部門などを歴任。, 2013年に(株)コムニコに入社。数多くの企業のSNSマーケティングを支援することで得た豊富な知見とノウハウを積極的に発信し、SNSマーケティングの正しい知識の啓蒙や業界発展に努めている。, 2016年11月、一般社団法人SNSエキスパート協会代表理事に就任。「SNSエキスパート検定(初級・上級)」「SNSリスクマネジメント検定」講座/認定試験の実施を通して、SNSマーケティングの正しい知識を持つ人材育成にも努めている。著書に『ファンを獲得! Facebook投稿ノウハウ』(翔泳社・共著)、『デジタル時代の実践スキル SNS戦略』(翔泳社)。, 最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。, デジタルマーケティングの即戦力を2日間で育てます! 第17期「企業Web担当者 初級講座」11/12~11/13【2020年11月度】   2,617 いいね!, 【11/9~11オンラインlive】サッポロビール、スシロー、ダイキンなど登壇全60講演   777 いいね!, 加速する時代の変化に対応するための「これからのマーケティング」とは?   478 いいね!, キャリアの軸はPR。軸からスキルを広げてパラレルキャリアを見据えた働き方をしたい   448 いいね!, 「第3回 SNS運用担当者育成 実践ワークショップ」 ~公式アカウント“中の人”が身につけるべきSNSマー ケティング知識とノウハウ~ 12/23(水)オンライン開催   445 いいね!, 「Webなんて仕事にならないよ!」そんな時代に生田さんを支えた本とは?   381 いいね!, 「読まなきゃ」からの脱却を! 生田さんが提案する「本を読む習慣の身に付け方」とは?   364 いいね!, 高校生がなりたい職業、学年が上がるにつれ明確に? 高校1年・2年・3年で1位はすべてバラバラ【LINEリサーチ調べ】   323 いいね!, BtoBオウンドメディアで、月間200万PV超を実現したカオナビの手法   295 いいね!, Facebookいいね!の多い記事Twitterで言及の多い記事はてなブックマーク人気記事, Instagramといえばやはり画像投稿。企業アカウントでも無理なく投稿できる心がけと準備を。. Facebookアカウントを持っていない方は作成しておきます。すでにFacebookページを作成済みの方はこの項目はスキップしてください。, FacebookアカウントやFacebookページの作り方はGoogleで検索すると山ほど出てくるので、そちらを参考にしてください。, Facebookページを作成していない方は作成しておきましょう。 コメント、いいね数、投稿画像のURL、投稿ページへのURL、日付情報、投稿者名、コメント数を取得しています。 今回は、グーペで作成したホームページに、「SnapWidget」の無料プランで作成したウィジェットを設置する方法をご紹介します。, まずは「SnapWidget」にアクセスします。 All rights reserved. 24時間限定だけじゃない! インスタで人気の「ストーリーズ投稿」を企業もドンドンやってみよう, Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。, 購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。, Excelのカラースケール風にHTMLのtableを見やすくするjQueryプラグイン, 投稿への反応を日々把握! 「Instagramインサイト」を使って、運用効果を測定しよう, 無料でネットショップをオープンできる!「Instagramショッピング」を使いこなそう, デジタルマーケティングの即戦力を2日間で育てます! 第17期「企業Web担当者 初級講座」11/12~11/13【2020年11月度】, 【11/9~11オンラインlive】サッポロビール、スシロー、ダイキンなど登壇全60講演, 「第3回 SNS運用担当者育成 実践ワークショップ」 ~公式アカウント“中の人”が身につけるべきSNSマー ケティング知識とノウハウ~ 12/23(水)オンライン開催, 「読まなきゃ」からの脱却を! 生田さんが提案する「本を読む習慣の身に付け方」とは?, 高校生がなりたい職業、学年が上がるにつれ明確に? 高校1年・2年・3年で1位はすべてバラバラ【LINEリサーチ調べ】, 世界74カ国・1,877人のCIO、今後増加させたいのは「従業員の生産性」が最上位【ガートナー調べ】, 「Web面接」は面接官の反応が薄くて不安? 最終選考は対面で判断してほしい就活生が多数派【リクルートMS調べ】, 博報堂DYメディアとTwitter Japanが「Brand Bird」サービスで広告主のブランド成長を支援, Twitterが複数画像をセットした「カルーセル広告」リニューアル、広告効果高める設計に, Webマーケッター瞳の監修者から学べる! 「デジタルマーケティング初心者のためのKPI攻略講座」, AppsFlyerが広告を見た人と見ていない人を比べて分析する「Incrementality」を提供開始, DATUM STUDIOとFICCが「データマーケティングコンサルティングサービス」を提供開始, Twitterが24時間しか表示されない「フリート」を日本で公開、いまを伝える新しい形, スマホでのコンテンツ視聴、サイトによっては広告データの転送量が半分以上に。平均でも4割【角川アスキー総研調べ】, 定着しなかったテレワーク? 推奨企業でも「週2日以下」が3分の2を占めるように【LINEリサーチ調べ】, Instagramのリーチ数を増やす“タグ映え”がアップデート? 「発見」入りするための“2つの最適化”, 「LINE広告ってリーチ数はスゴイけど、お高いんでしょう?」LINEに突撃! 気になる疑問の本音は?, 録画より生?―見てもらえるウェビナーを作るTipsと「関心引き上げウェビナー」の重要性, 【アカウントプランナー募集】ファッション・スポーツ業界で圧倒的な存在感をもつ総合広告代理店です!【正社員/契約社員】※初年度のみ契約社員, ペルソナの作成・活用はなぜ失敗してしまうんでしょうか?/インフォバーンの井登友一さんに聞いてきた, 意外? 博報堂の“2021年ヒット予想”はすでに今年世間を席巻した新サービス【博報堂・生活総研調べ】, 1記事当たりの平均PV20倍に伸長! 大日本印刷DNPが取り組んだSEO施策とは?, 検索順位が1位で表示回数も多いのにクリックされない幽霊クエリの正体は?【SEO情報まとめ】, SEO歴15年のプロが振り返る「検索の潮流」② スパム・検索品質・評判・モバイル、そしてAIの時代, 「炎上」― その怖さ、2020年下半期の最新事例、発生から拡大までのプロセスとは?, 47都道府県「魅力度」の次は「ストレス」でランキング! ベスト&ワーストがまったく異なる結果に【ピースマインド調べ】, 2022年卒の学生が注目する企業、新型コロナウイルスの影響を超えて「伊藤忠商事」が1位に【文化放送CP調べ】, Google Analytics for Firebaseのデバッグモードで、アプリのイベント送信をリアルタイムに確認, 注意すべき点がいっぱい! Twitter・Instagram・Facebookでプレゼントキャンペーンを実施する具体的な方法を解説【We Love Social特選記事】, ニューノーマル時代の「不満」から、CX発想のヒントを見つけよう【電通デジタルコラム】, 「Googleアナリティクス4プロパティ」(GA4)にカスタムディメンション / カスタム指標が登場!【アユダンテ スタッフコラム】, note「P&G流マーケティングの教科書」が40万PV超え!Marketing Demo代表・石井賢介が語る「マーケティング思考の学び方」, マーケティングやデータ分析など7つのテーマで全18講演を紹介! 【11/9-11開催 Web担イベント】, 次の場所にも投稿:他のSNSにも同時に投稿できます(他SNSアカウントとのリンク設定が必要)。. 後半ではサンプルコードやスタイルシートを用いてホームページに埋め込む方法や、デザインサンプルも紹介しています。, ※このInstagram Graph APIの情報は2020年3月11日の時点で加筆を行った最新版のものです。, 以前、イスタグラムより提供されていたAPIに変わり、新しく提供される事になったAPIです。インスタグラムに投稿した画像やコメント、いいねの数などをルールに従い取得することができる仕組みを持ちます。 書いている人は、Webディレクター、デザイナー、エンジニア、カスタマーサポートと職種もいろいろ。 ... 2017年よりスタートした「グーペ」主催の ホームページ大賞。 連携するSNSを選択、Instagramをクリックし、その次はどのような表示の仕方か選べますが、今回はGRIDを選択しましょう。最後にCONFIGURE WIDGETをクリック。, 遷移すると、以下の画面が表示されます。タグの生成作業はこのページの中で完結します◎ [デバッグ]を押してアクセストークンデバッガーで確認します。, 有効期限が2ヶ月以内になっていることを確認します。 それぞれの視点で、ホームページ作成に役立つ「用語集」やSEO対策、[Google Analytics]・[Search Console]の使い方、SNSアカウントの活用方法など幅広い記事をお届けします! 今回は、SnapWidgetについてご紹介させていただきます。, 「SnapWidget」では、ホームページやブログ、wordpressなどに挿入できる、さまざまなブログパーツ(ウィジェット)が作れます。 WordPressで作成されているサイトなら表示させたい場所に置くだけ。, 取得したインスタグラムの投稿を羅列表示する例です。レスポンシブでスマートフォンでは2列になります。, いいねとコメントのアイコンはSVGをインラインで表示し、classにinstagram-iconが振ってあります。アイコンが白だと白っぽい写真に重なったときに見にくいですね。colorやfillでお好みのアイコンカラーに変更してください。, ほとんどポチポチと設定していくだけでアクセストークンを取得できますが…とても作業量が多くて根気が必要ですね。ホームページにインスタグラムの投稿を埋め込んでいる方は旧Instagram APIが廃止される前に早めの対応をしたほうが良さそうです。, WordPressのスラッグ(slug)をヘッダーに英字タイトルとして表示させる方法, Instagram Graph APIの使い方とサイトに埋め込む方法 v5.0対応【2020年3月最新版】. Instagramで掲載した画像をホームページに活用できる他、フォロワー数アップの効果も狙える便利な機能ですので、ぜひ活用してみてください!, またご紹介したように「グーペ」ならSnapWidgetもカンタンに設置できます。Instagramを埋め込んで、ワンランク上のホームページを作成しませんか?, オンラインでの集客・収益に役立つ情報や、飲食店でテイクアウトを実施中のユーザー様を紹介しています。, ホームページをつくる上でのヒントや小ワザを、ホームページ作成サービス【グーペ】のスタッフがご紹介! 有効期限無期限のアクセストークンはインスタグラムの投稿を取得するのに必要になるので、コピーして控えておきます。, アクセストークンデバッガーを開き、先程コピーした有効期限無期限のアクセストークンを入力してアクセストークン情報を見てみます。 GET A FREE WIDGETあるいはSIGN UPをクリックして、アカウント作成画面に遷移してください。, 遷移して、名前(ニックネームなど)、Eメールアドレス、パスワードを入力してSIGN UPをクリックすると、以下の画面が表示されたら、アカウント作成完了です。, 先程の画面でCHOOSE A SERVICEをクリック。 [Facebook]→[Facebookページ]→[設定]→[Instagram]で[アカウントをリンク]を押してインスタグラムのアカウントを接続します。, Facebook開発者ツールでFacebookアプリを作成します。 【当記事は、2017/10/23に公開したものを再編集しました:最終更新日2019/11/01】, 最近では、宣伝ツールとして「Instagram(インスタグラム)」を利用している方が非常に増えています。ホームページやブログなどのウェブサイトに、Instagramの最新画像を自動で表示できるような機能があれば、更新の手間がはぶけるので便利になりますよね。, 2017/10/23公開時にご紹介した、Instawidght(インスタウィジェット)が利用できなくなってしまい、お困りな方が多いと思います。, Instagram(インスタグラム)の画像を自動で表示できる他のツール、探してまいりました!, どちらも料金は、無料〜有料プランで構成されていて、無料プランの場合、SnapWidgetではInstagramへの写真リンクではなく、SnapWidgetドメインへのリンクになる、Elfsightではビュー制限がかかるなどがございます。その点はご留意の上ご利用ください。 ホームページをつくりたい、今あるホームページをもっとよくしたい、ホームページ運営に役立つツールを楽しく学びたい、といったみなさんの「やりたい」「知りたい」を応援します。「こまった」「わからない」は、一緒に解決していきましょう!. 何行何列表示させるのか以外に、枠の色を変更することも可能ですので、自分の好みにカスタマイズすることができます。, ご自身で管理しているInstagramのユーザー名を入力、クリックするとウィンドウがポップアップして、Instagramへのログインが必要になります。, 今回の例では100pxにしています。表示する個数とテンプレートなどとのバランスでプレビューを見つつ、ご調整ください。, 色々設定を変えてみて、都度UPDATE PREVIEWをクリックすると、右側のプレビューでご確認いただけます。 また、プロフィールに連絡先や電話番号、メールアドレスも表示できたり、インスタグラムに広告を出稿できると言った特徴もあります。, [インスタグラムアプリ]→[設定]→[アカウント]→[リンク済みのアカウント]からFacebookと連携します。Facebookで投稿をシェアをオンにするかどうか任意で決定してください。, 次はまたFacebookに戻って、作成したFacebookページとInstagramを連携させます。 マイアプリのドロップダウンからアプリの作成を選択したら、必要事項を入力して完了させます。, セキュリティチェックのCAPTCHA認証が表示された場合は、認証をクリアすると作成したアプリの管理画面(ダッシュボード)にアクセスできます。, [ツール]→[グラフAPIエクスプローラ]を選択してグラフAPIエクスプローラを表示します。, グラフAPIエクスプローラはAPIクエリを実行して、応答結果を表示できるツールです。 これまでのInstagram APIが廃止されてInstagram Graph APIに置き換わることで、対応に追われている方も多いのではないでしょうか。2020年初頭にはこれまでのInstagram APIが廃止されます。ホームページに旧インスタグラムAPIで投稿を埋め込んでいた方、特にビジネスでスマホ集客やインスタ集客をしていた方は新しいInstagram Graph APIへの切り替えは急務です。, そこで、新しいInstagram Graph APIを使ってウェブサイト上にインスタグラムの投稿を表示するまでの手順を、なるべくわかりやすい方法で紹介します。 Copyright ©2020 Impress Corporation, An impress Group Company.

燕 包丁 Tsubame 6, Fractal Design Define Mini C レビュー 15, ベンツ Cla 納期 33, マリオカート ダブルダッシュ スタッフゴースト 6, ボトルランプ ビー玉 作り方 5, Excel数式 コピー できない 16, けやき坂 富田 胸 6, ヘアマニキュア シャンプー 市販 5, 保育園 毎週 休む 11, 夫婦 子供 いらない 5, Jimdo Html アップロード 4, 足立区バドミントン 教室 小学生 6, 長濱ねる 写真集 ロケ地 4, 子 顔 矯正 船橋 7, マイクラ Mod 巨大 6, 無料タロット占い 彼の気持ち 復縁 21, Lc 40se1 Hdmi 25, プラスチック 白化 ヒートガン 5, Jabra 電話 使い方 4, エクセル スクリーンショット 範囲指定 50, 50代 ウルフカット ショート 6, さんまのまんま 2020 再放送 4, カラコン 彼女 がっかり 7, 親しい友達 ハイライト 見え方 20, スマホ リフレッシュレート ランキング 4, あつ森 花 走る 4, 外国 語学 部 就職先 ランキング 18, Zoom 契約期間 月 4, 老犬 夜泣き サプリ 5, Galaxy Mov 再生 11,

Write a comment