Instagram のリールまたはチャットボットのダイレクト メッセージに転送された投稿を表示する方法

チャットボットに対する Instagram DM の制限を克服する

私が初めて Instagram 用のチャットボットを構築し始めたとき、共有投稿やリールへのアクセスなど、ユーザーが投げかけるあらゆるタイプのインタラクションを処理するものだと想像していました。結局のところ、チャットボットがユーザーを引き付ける可能性は、シームレスなコミュニケーションに大きく依存しています。 😊

しかし、すぐに障害物に遭遇しました。ユーザーは Instagram の投稿やリールをチャットボットの DM に送信しましたが、ボットはそれらに対して多くのことを行うことができませんでした。 Chatfuel、ManyChat、さらには SendPulse などのツールは、この種の機能をサポートしていませんでした。これには私は困惑し、解決策を探していました。

開発者として、私は回避策が必要であることを知っていました。 API またはカスタム コーディングを通じて、チャットボットがこの機能を利用できるようにしたいと考えていました。ユーザー インタラクションが改善されるという約束は、最初は挫折したにもかかわらず、私のモチベーションを維持してくれました。

この記事では、この問題に取り組み、潜在的な解決策を模索し、何がうまくいったかを明らかにするまでの私の道のりを共有します。同様の状況に陥っている場合は、チャットボットが Instagram の投稿や DM で共有されているリールと対話できるようにするための実践的な手順を学んでください。 🚀

// Import necessary modules
const express = require('express');
const bodyParser = require('body-parser');
const fetch = require('node-fetch');
const app = express();
app.use(bodyParser.json());
// Webhook endpoint to receive messages
app.post('/webhook', async (req, res) => {
  try {
    const { entry } = req.body; // Extract entry from Instagram payload
    const messaging = entry[0].messaging[0];
    if (messaging.message && messaging.message.attachments) {
      const mediaUrl = messaging.message.attachments[0].payload.url;
      console.log('Media URL:', mediaUrl);
      // Process the media URL as needed
    }
    res.status(200).send('Event received');
  } catch (error) {
    console.error('Error processing webhook:', error);
    res.status(500).send('Internal Server Error');
  }
});
// Start the server
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => console.log(`Server running on port ${PORT}`));

from flask import Flask, request, jsonify
import requests
import os
app = Flask(__name__)
@app.route('/webhook', methods=['POST'])
def webhook():
    try:
        data = request.json
        entry = data['entry'][0]
        messaging = entry['messaging'][0]
        if 'attachments' in messaging['message']:
            media_url = messaging['message']['attachments'][0]['payload']['url']
            print(f"Received Media URL: {media_url}")
        return jsonify({'status': 'success'}), 200
    except Exception as e:
        print(f"Error: {e}")
        return jsonify({'status': 'error'}), 500
if __name__ == '__main__':
    app.run(port=5000)

// Jest Test for Node.js
const request = require('supertest');
const app = require('./app');
describe('Webhook Endpoint', () => {
  it('should return success on valid payload', async () => {
    const res = await request(app)
      .post('/webhook')
      .send({ entry: [{ messaging: [{ message: { attachments: [{ payload: { url: 'http://test.com/media.jpg' } }] } }] }] });
    expect(res.statusCode).toBe(200);
  });
});

# Pytest Test for Python
import app
import pytest
@pytest.fixture
def client():
    app.app.config['TESTING'] = True
    return app.app.test_client()
def test_webhook(client):
    payload = {
        "entry": [{
            "messaging": [{
                "message": {
                    "attachments": [{
                        "payload": {
                            "url": "http://test.com/media.jpg"
                        }
                    }]
                }
            }]
        }]
    }
    response = client.post('/webhook', json=payload)
    assert response.status_code == 200

Instagram チャットボット メディア アクセス スクリプトの説明

Node.js スクリプトは Express.js を利用して、Instagram からの受信イベントをリッスンする Webhook を作成します。これは、ユーザーが投稿やリールなどのメディアをボットの DM に送信するメッセージをキャプチャするように設計されています。スクリプトの重要な部分は、 ボディパーサーこれは、Instagram が Webhook に送信する JSON ペイロードを抽出するのに役立ちます。このデータを処理することで、ペイロード内の「entry」配列にアクセスし、ネストされた「attachments」プロパティに保存されているメディア リンクを取得できます。このアプローチは、すべての受信メッセージが体系的に解析および処理されることを保証するため、効率的です。 😊

メディアと対話するために、スクリプトは「payload.url」フィールドを使用します。このフィールドは、共有された Instagram 投稿またはリールへの直接リンクを提供します。このリンクは、メディアの保存やカスタム ボット応答のトリガーなどのさらなるアクションのために処理できます。たとえば、ユーザーが製品を宣伝するリールを送信すると、ボットはこのリンクを抽出し、製品に関する詳細情報を応答できます。このスクリプトは柔軟性を重視しているため、動的なユーザー インタラクションを処理するように設計されたボットに最適です。

Python ソリューションでは、Flask を使用して同様の Webhook を作成します。ここで、 jsonify 関数は重要な役割を果たし、スクリプトが Instagram の Webhook 検証リクエストに応答し、JSON 形式で応答を送信できるようにします。ユーザーが DM でメディアを共有すると、Flask アプリはメッセージ ペイロードから「media_url」を抽出します。このモジュール性により、開発者は他の種類のユーザー入力を処理するようにボットを迅速に適応させることができます。たとえば、ユーザーがサービスを紹介するリールを送信した場合、ボットは URL を使用して関連コンテンツを取得し、それをリアルタイムでユーザーと共有できます。 🚀

テストは両方のスクリプトの重要な部分です。 Node.js 実装では、「supertest」ライブラリを使用して開発者が Webhook への HTTP リクエストをシミュレートし、有効なペイロードと無効なペイロードを正しく処理できるようにします。同様に、Python スクリプトでは次を使用します。 pytest その機能を検証します。たとえば、テスト中に、ユーザーがリールを共有し、ボットが特定の応答を返す必要があるシナリオをシミュレートできます。これらのテストは、機能を検証するだけでなく、スクリプトのパフォーマンスとセキュリティを最適化し、実稼働展開の準備が整っていることを確認します。

Instagram チャットボットにおけるメディア アクセスの課題を調査する

Instagram チャットボットの構築で見落とされている側面の 1 つは、処理の課題です。 投稿 そして リール ユーザーがダイレクトメッセージで共有します。多くのすぐに使えるチャットボット プラットフォームには、これらのメッセージからメディア リンクを抽出して利用する機能がありません。この制限により、リールに掲載されている特定の製品に関する問い合わせへの対応など、企業のワークフローが中断される可能性があります。たとえば、ユーザーが在庫状況を問い合わせるためにデザイナー バッグのリールを送信すると、ボットはコンテンツを取得できません。これを解決するには、ノーコード ツールを超えてプログラム API を統合する必要があります。

この機能を解放する鍵は Instagram Graph API にあり、開発者がプロ​​グラムでユーザー インタラクションにアクセスできるようになります。この API は、メディアを含むメッセージが受信されるたびにボットに通知する Webhook 統合をサポートしています。 Webhook に送信されたペイロードを解析することで、ボットはメディア URL を抽出し、メタデータの取得やカスタマイズされた応答の提供などのさらなる処理に使用できます。このアプローチにより、より詳細な制御が可能になり、同様の商品の推奨やカスタマー サポートの自動化などの高度なインタラクションが可能になります。

さらに、Jest for Node.js や Pytest for Python などの堅牢なテスト フレームワークを使用すると、カスタム ソリューションの信頼性と安全性が保証されます。テスト中にさまざまなユースケースをシミュレートすると、パフォーマンスが最適化され、実行時エラーの可能性が軽減されます。たとえば、テストでは、複数の製品タグが付いたリールを共有するユーザーを模倣し、ボットがそれを適切に処理することを確認できます。これらの戦略を採用することで、開発者はユーザー エクスペリエンスを真に向上させる機能豊富な Instagram チャットボットを構築できます。 😊