Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including botbuilder-facebookextension with all npm packages installed. Try it out:

var botbuilderFacebookextension = require("botbuilder-facebookextension")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

botbuilder-facebookextension v1.2.4

Collection of useful Facebook add-ons for the Bot Builder SDK.

BotBuilder Facebook Extension (NodeJS) npm version

Features

  • User Profile API
  • Referral, optin and postback handling

Wishlist

  • Quick Replies
  • Tags
  • Webview
  • (Application) Insights
  • Account Linking
  • Sticker / Like Recognizer

Requirements

Getting Started

Install the package through NPM. npm install botbuilder-facebookextension --save. Choose which part of this package you would like to implement in your code.

User Profile API

In order to populate the userdata with the Facebook userdata, you can use a middleware. It will automatically retrieve the data from Facebook and store it before your first reply. By default it will refresh the userdata every day, but you can change it by passing an amount of minutes to the settings object.

A required setting for the middleware is the accessToken that you use in the Bot Framework settings. Optional settings are fields (array of fieldnames) and expireMinutes (number of minutes to cache data).

Example

const facebook = require('botbuilder-facebookextension');

bot.use(
    facebook.RetrieveUserProfile({
        accessToken: 'PAGE_ACCESS_TOKEN',
        expireMinutes: 60, // OPTIONAL
        fields: ['first_name', 'last_name', 'gender'] // OPTIONAL
    })
);

bot.dialog('/', [
    (session, args, next) => {
        session.send(`Hi ${session.userData.first_name}!`); // The userData is prepopulated by the middleware
    }
]);

Callbacks

Facebook uses referrals, optins and postbacks to send a custom payload to your chatbot. We can use this payload to trigger a specific dialog without having to start a textchat first. With the CallbackRecognizer you are able to map a dialog to a specific referral-, postin- or postback payload.

Supports: Send to Messenger Plugin, Get Started Button, Persistent Menu, Referral link (m.me or ad).

Example

const facebook = require('botbuilder-facebookextension');

bot.recognizer(
    new facebook.CallbackRecognizer({
        referral: true, // Optional - Enables the referral recognizer
        postback: true, // Optional - Enables the postback recognizer
        optin: true,    // Optional - Enables the optin recognizer
        referralValue: true, // Optional - Uses referral as entity value
        postbackValue: true, // Optional - Uses postback payload as entity value
        optinValue: true     // Optional - Uses optin referral as entity value
    })
);

// When users opens http://m.me/PageName?ref=coupon
bot.dialog('/coupon', [
    (session, args, next) => {
        session.endDialog(`Thanks for starting this chat through the referral link!`)
    }
]).triggerAction({
    matches: 'coupon'
});

It is possible to retrieve all values from the calback object by retrieving the entity. You can retrieve the entity on the regular way, by requesting the referral, optin or postback type. In this example you can see how to check the source of the referral, which can be shortlink (m.me) or ad.

if (args.intent !== undefined && args.intent.entities !== undefined) {
    const entity = builder.EntityRecognizer.findEntity(args.intent.entities, 'referral'); // or 'postback' / 'optin'
    console.log(entity.facebook.source); //SHORTLINK or AD
}

Message Tags

Adding a Message Tag allows you to send it outside the 24+1 window, for a limited number of use cases (shipping update, reservations, and issue resolution), per Messenger Platform policy. You can find all possbile tags in the Message Tag documentation.

const facebook = require('botbuilder-facebookextension');

bot.dialog('/', [
    (session, args, next) => {
        let message = new builder.Message(session).text('This is a message with the ISSUE_RESOLUTION tag');
        facebook.AddMessageTag(message, facebook.MessageTags.ISSUE_RESOLUTION); 

        session.send(message);
    }
]);

License

MIT

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free