WHAT'S
NEWアーカイブ一覧
Googleアナリティクスに別のアカウントを追加
Googleアナリティクスに別アカウントを追加する方法
Googleアナリティクスを他のユーザーと共有して検証する為の設定方法を図解して解説
お使いのグーグルアナリティクスにログインします。
1．アナリティクスにログイン後、画面左のメニュー下部「管理」をクリック。
2．続いて、「アカウントユーザーの管理」をクリックします。
上図 赤枠参照
アカウントの権限を追加
1．上図 赤枠参照。右上の+（プラス）マークをクリック
2．続いて「ユーザーを追加」をクリック
権限の追加
1．権限を付与したい、アカウントのメールアドレスを入力してください。
新規ユーザーに通知する場合は、チェックボックスにレ点をいれてください。入力したメールアドレスに通知されます。
2．権限の「編集」、「共有設定」、「表示と分析」のチェックボックスにレ点をいれてください。
「ユーザー管理」は共有する必要ないかと思いますので、ブランクでOKです。
3．画面右上の「追加」をクリックして登録してください。
「プロパティ」と「ビュー」を追加します。
1．アカウント権限の追加と同じ手順で、「プロパティ ユーザーの管理」と「ユーザー管理を表示」に権限を追加します。
2．「プロパティ ユーザーの管理」をクリック -> 権限の追加
3．「ユーザー管理を表示」をクリック -> 権限の追加
4．下図のように追加したユーザーに権限が付与されていることが確認できれば作業終了です。
インスタグラムをWebサイトに埋め込む【API v8.0】投稿データ取得手順を図解で解説
早くもバージョンアップ。気がつけばInstagram Graph APIがVer8へ
お客様よりご要望をいただき、HPとインスタグラムを連動させることになりました。早速、Instagram Graph APIを取得しようとしたところ。。。早くも、バージョンがアップグレードされおり、なんとVer8に移行したようです。
早速Instagram Graph API Ver8の取得方法とは
覚書として、取得方法をメモ書きしておくことにしました。皆さん参考にしてみてください。
Facebookアプリを作成
1．Facebook開発者ページへ
あらかじめ、FacebookとInstagramにログインしてから作業を進めましょう
最初の手順は前回のVer7と同じです。
2．メニューの「スタートガイド」より、アカウントを作成します。
後は指示に従いながら入力しましょう
3．メニューの「マイアプリ」->「新しいアプリを追加」より、アプリを作成します。
4．ビジネス統合の管理を選択します。
5．「アプリ表示名」「アプリの連絡先メールアドレス」「アプリを利用できる人」を入力し、アプリを作成します。
ここまでの手順は前回のVer7と同じです。
こちらも合わせてご確認ください。
初期値のアクセストークンを取得
1．メニューの「ツール」->「グラフAPIエクスプローラ」と進みグラフAPIエクスプローラを表示します。
- 2．ユーザートークンで以下を選択します。
- ・pages_show_list
- ・business_management
- ・instagram_basic
- ・pages_read_engagement
- ・pages_manage_metadata
- ・pages_read_user_content
- ・pages_manage_ads
3．「Generate Access Token」をクリック
4．初期値のアクセストークを取得！
次の手順で初期値のアクセストークンを使うので、メモ帳などにコピーしておきましょう。
User Access Tokenを取得（1回目のアクセストークン）
1．ユーザーページ情報を取得することで、ユーザーアクセストークン（1回目のアクセストーク）とユーザーページIDが取得できます。
2．下記記載の文字列と初期値のアクセストークンを組み合わせて、ユーザー情報を取得する為のURLをつくりアクセスします。
“https://graph.facebook.com/v8.0/me/accounts?access_token=【初期値のaccess-tokenをコピペ】“
4．上図の赤枠2ヶ所（1回目のアクセストーク）と（ユーザーページID）をメモ帳などに貼ってコピーしておきましょう。
instagram_business_accountを取得
1．下記記載の文字列と1回目のアクセストークとユーザーページIDを組み合わせて、インスタグラムビジネスアカウントを取得する為のURLをつくりアクセスします。
“https://graph.facebook.com/v8.0/【インスタグラムビジネスアカウント】?fields=instagram_business_account&access_token=【1回目のaccess-tokenをコピペ】“
長期ユーザーアクセストークンを取得する
1．ここまでに取得した、access tokenとinstagram_business_accountでインスタグラムを取得することはできますが、有効期限がなんと数時間！！非常に短いです！！※有効期限が切れるとインスタグラムのデータが取得できませんのでご注意ください。
次の手順で長期間有効のaccess tokenを取得していきましょう。
2．長期期間利用できるアクセストークンを取得しましょう。
- 3．下記3点が、長期ユーザーアクセストークンに必要です。
- ・有効なユーザーアクセストークン（1回目のアクセストークン）
- ・アプリID
- ・App Secret
4．続いて、アプリIDとApp Secretの取得方法をみていきましょう。
5．「マイアプリ」から作成したアプリへアクセスします。
6．「設定」->「ベーシック」へアクセスします。
7．アプリIDとApp Secretをメモ帳などに貼ってコピーしておきましょう
2回目のアクセストークン（長期ユーザーアクセストークン）を取得する
1．1回目のアクセストークン、アプリID、App Secretを使ってURLをつくりアクセスします。
“https://graph.facebook.com/v8.0/oauth/access_token?grant_type=fb_exchange_token&client_id=【アプリIDをコピペ】&client_secret=【App Secretをコピペ】&fb_exchange_token=【1回目access-tokenをコピペ】
“
2．2回目のアクセストークンが取得できます。
ホームページでインスタグラムのデータを表示する
長期ユーザーアクセストークン（Access-Token）とインスタグラムビジネスアカウント（instagram_business_account）を使いインスタグラムが取得できるようになります。
「Instagram Graph API」 v7.0取得方法！手順の解説
気がつけばInstagram Graph APIがVer7へ
2020年7月初旬、以前から利用していたインスタAPIが遂に利用できなくなってしまいました。完全にデータを取得できないようです。。。。。インスタAPIを利用してホームページにインスタグラムを表示している方も多いと思いますが、突然表示されなくなり困っている方も多いと思います。
最新のInstagram Graph API V8はこちらから
Instagram Graph APIの登場
新しいインスタグラムAPIがInstagram Graph APIと名前を変え登場しました。
FacebookとInstagramを連動させないと取得ができませんので、Instagram Graph APIを取得する前に、FacebookとInstagramを連動させる必要があります。
Facebookアプリを作成
1．Facebook開発者ページへ
あらかじめ、FacebookとInstagramにログインしてから作業を進めましょう
2．メニューの「スタートガイド」より、アカウントを作成します。
後は指示に従いながら入力しましょう
3．メニューの「マイアプリ」->「新しいアプリを追加」より、アプリを作成します。
4．ビジネス統合の管理を選択します。
5．「アプリ表示名」「アプリの連絡先メールアドレス」「アプリを利用できる人」を入力し、アプリを作成します。
1回目のアクセストークンを取得
1．メニューの「ツール」->「グラフAPIエクスプローラ」と進みグラフAPIエクスプローラを表示します。
- 2．ユーザートークンで以下を選択します。
- ・pages_show_list
- ・business_management
- ・instagram_basic
- ・pages_read_engagement
- ・pages_manage_metadata
- ・pages_read_user_content
- ・pages_manage_ads
- ・public_profile
3．「Generate Access Token」をクリック
4．1回目のアクセストークを取得！
メモ帳などに貼ってコピーしておきましょう
2回目のアクセストークン（ユーザーアクセストークン）を取得
1．ユーザーページ情報を取得することで、2回目のアクセストークとユーザーページIDが取得できます。
2．1回目のアクセストークンを使ってURLをつくりアクセスします。
“https://graph.facebook.com/v7.0/me/accounts?access_token=【1回目access-tokenをコピペ】“
3．2回目のアクセストークとユーザーページIDをメモ帳などに貼ってコピーしておきましょう
アプリIDとApp Secretを取得する
1．2回目のアクセストークとユーザーページIDでインスタグラムを取得することはできますが、有効期限が数時間と非常に短い！！※有効期限が切れるとインスタグラムのデータが取得できません。
2．長期期間利用できるアクセストークンを取得しましょう。
- 3．下記3点が、長期ユーザーアクセストークンに必要です。
- ・有効なユーザーアクセストークン（2回目のアクセストークン）
- ・アプリID
- ・App Secret
4．続いて、アプリIDとApp Secretの取得方法をみていきましょう。
5．「マイアプリ」から作成したアプリへアクセスします。
6．「設定」->「ベーシック」へアクセスします。
7．アプリIDとApp Secretをメモ帳などに貼ってコピーしておきましょう
3回目のアクセストークン（長期ユーザーアクセストークン）を取得する
1．2回目のアクセストークン、アプリID、App Secretを使ってURLをつくりアクセスします。
“https://graph.facebook.com/v7.0/oauth/access_token? grant_type=fb_exchange_token& client_id=【アプリIDをコピペ】& client_secret=【app-secretをコピペ】& fb_exchange_token=【2回目access-tokenをコピペ】”
2．3回目のアクセストークンが取得できます。
3．長期ユーザーアクセストークン（Access-Token）とユーザーページID（IG User ID）を使いインスタグラムが取得できるようになります。
Instagram Graph API v6.0取得方法！苦戦してアクセストークを取得！
インスタAPIからInstagram Graph APIへ
2020年初旬から移行すると正式発表されていますね。2019年11月にインスタAPIを取得しようとしたら、なんと！新たに取得できなくなっていました！！数カ月前までは新規で取得できたのに。。。 そもそも、インスタAPI（アクセストークン）が必要な理由は、ホームページとインスタグラムの写真やハッシュタグを表示させるためです。
Instagram Graph APIの登場
インスタグラムの写真をホームページと連動させるために、Instagram Graph APIを使わなければ実現しなくなりました。。。しかも、以前の取得方法より、手順が多くてちょっと厄介なんですよ。。。取得方法は、次回掲載します。
レスポンシブウェブデザインってなに
ホームページ用語の一つにレスポンシブレイアウトがあります。度々、耳にする機会がある方も全く聞いたことがない方もいると思います。今後の貴社ホームページ制作に役立てて頂ければ幸いです。
レスポンシブウェブデザインとは
しばし、レスポンシブレイアウト・レスポンシブ対応・レスポンシブデザインとも言いますが、全て同じ意味です。
レスポンシブウェブデザインとは画面サイズに応じてホームページのデザインや文字サイズが自動的に切り替わることを言います。
レスポンシブレイアウトが採用される以前は、パソコン用のホームページとスマートフォン用のホームページを2つ用意して、閲覧する媒体（パソコンやスマホ）によってホームページを切り替えて表示していました。この当時作られたホームページには、ホームページ上に切り替えボタン（スマホ用ボタンやPC用ボタン）が配置されているのはこの様な理由からです。
また、ホームページが2つある為、メンテナンスや更新をする際は2つ修正が必要なので非常に効率が悪く、どちらか一方の更新を忘れた！ということが発生しておりました。今後ホームページを作る方や既存サイトのリニューアルをお考えでしたら、レスポンシブレイアウトのホームページをお選びください。スマホでもパソコンでもタブレットでも多種多様な画面サイズで最適にホームページが閲覧できます！！しかも、ホームページが1つなので更新やメンテナンスの手間がかかりません。
webサイトのリニューアルなら
webサイトのリニューアルをご検討の企業様は是非ご一読ください。
先ず一番最初に決めるべきポイントは、今お使いのホームページの内容です。
既存サイトの流用
ほぼほぼ内容を流用しデザインを変更しスマートフォンでも閲覧し易いレスポンシブレイアウトに変更する場合でしたら、制作工数を削減できます。よって低価格で制作可能です。（※金額は業者によってピンキリです。。。）
内容から見直したい
せっかく、ホームページをリニューアルするのであれば、戦略的にホームページの内容から見直したい！
このように考える企業様も多くいらっしゃいます。その際、御社のターゲット（ホームページを閲覧して欲しいから）を明確に決めて、掲載する内容やデザインまでをトータルに考える必要があります。企画立案までFIKAにお任せください。一緒に効果のあるホームページを作り育てていきませんか。
丁寧なホームページ制作なら
ひとつひとつ丁寧にホームページを制作することを心掛けております。
お客様のご要望とFIKAのご提案をMIXして運用しやすいホームページをご提供する為に、使いやすさを意識して細かい部分も丁寧に制作します。
札幌市の小さなwebサイト制作会社
要望を営業マンには伝えたが、制作物に反映されていない！
FIKAは札幌市の小さなwebサイト制作会社です。
突然ですが、この様な経験はございませんか？
要望を営業マンには伝えたが、制作物に反映されていない！営業マンが制作者への伝え漏れか、指示の間違えがおおよその原因です。
FIKAでは打合せから制作、アフターフォローまでワンストップで対応しております。ワンストップのメリットを体感してみませんか？
札幌市西区でホームページ制作会社をお探しなら
小規模サイトのホームページ制作承ります。
勿論、スマートフォンでも見やすいレスポンシブデザインでのご案内です。商品紹介のホームページを作りたい！会社PRとしてホームページを作りたい！などホームページ制作の目的は10社十色です。
漠然とホームページが必要な気がする。。。とお悩みの方でもOK。
札幌市西区の制作会社のFIKAと一緒にご納得いただけるホームページを一緒に制作しませんか？