メニューを開く

メニューを開く

メガメニュー を閉じる

お電話でのお問い合わせはこちら 0120-388-801

受付時間/平日10時〜19時定休日/毎週日祝日・隔週土曜日

HOME(名古屋のホームページ制作会社 株式会社アババイ)

BLOG

スタッフブログ

5月 2022 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

RANKING

  • 2020/02/21

    インスタグラムの画像のURLを取得する方法

    アババイスタッフ 画像

    鈴木

    こんにちは、デザイナーの鈴木です。

    皆さんはウェブとサイトを運営するにあたって、
    「ウェブサイト上にインスタグラムに投稿した画像を表示したい・・・」
    と考えていませんか?

    そんな方のために、インスタの画像取得が出来なくなった今、どのようにしたらウェブサイト上にインスタグラムの写真を表示することができるかをご紹介できればと思います!

    ■現在はインスタグラムの連動がなくなってしまっている

    少し前までは、インスタのアクセストークンというものを取得して最新の画像を吐き出すことが出来ましたが、現在はfaceboo社が、サービスをやめてしまったということがあり、従来のやり方ができなくなってしまいました。。

    20200218-photo01

    運用元の決定なので、ユーザーは従うしか正直方法はありません・・・。

    ■そこを何とかする方法ってないの?

    「それでもインスタグラムの写真を表示させたいんだけど・・・」

    20200218-photo02

    お客様からもこういった要望を頂きます。

    色々と方法を考えた結果、手動での編集は必要になりますが、
    サイト上に写真を表示する方法が分かりましたので、
    本日はその方法をお伝えしたいと思います。

    ■インスタグラムの写真のURLを取得する

    方法というのは、
    「1記事に対するインスタグラムの画像のURLを取得する」というものになります。

    https://instagram.com/p/XXXXXXXXXX/media?size=m
    (size=m のところのmを、t・s・l と分けて4サイズ別に使うこともできます。)

    どういうことかといいますと・・・

    20200218-photo03

    このように1記事ごとに割り振られるURLで画像を取得する事が可能なんです。
    そこでこれを使えば手動ではありますが、システムからお客様にも使える状態でお渡しできると気づきました。

    ■システム画面のイメージ

    入力項目に

    20200217-photo04

    を入れるだけで、もう画像が取得できます。
    あとは吐き出す側の設定になるので、制作者側にて見せ方を調整すればいいというわけです。

    この方法なら、今のところ写真のURLが変更にならない限り使うことができるかと思います。
    皆さんも一度お試しください!

    カテゴリ:

CONTACT CONTACT

お電話でのお問い合わせはこちら 0120-388-801 お電話でのお問い合わせはこちら 0120-388-801

受付時間/平日10時〜19時定休日:毎週日祝日・隔週土曜日