How to Embed Pibb

There are currently two main ways you can embed the Pibb; directly in a web page, or in your WordPress blog.


Embedding Directly Into a Website:

Each Channel on Pibb can have many threads. Each thread has its own unique ID and can be embedded in any website. At the moment only threads can be embedded, not entire channels.

To get the code necessary for embedding Pibb in your website, login to Pibb, go to a channel (or create your own channel) and pick or create a thread, then click on it to join your chosen discussion thread.

On the bottom right hand corner you will see the embed code for that thread.

WordPress Directions:

Click here to download the ‘Pibb Comments’ WordPress plugin

The Pibb Comments plug-in displays an embedded Pibb Thread at the bottom of each new blog post to allow realtime discussion of the post. A user will need to login to Pibb (with an OpenID account), before they can make a comment. Though all content will be viewable without the need to log-in.

An OpenID account is free, quick and easy to get from http://myopenid.com

== Installation ==

1. Copy the file pibb-comments.php into your plugins directory (wp-content/plugins/).

2. Login to your WordPress Admin Panel

3. Go to the Plugins tab

4. Activate the ‘Pibb Comments’ plugin. (Click Activate in the right column).

5. You will now need to login to Pibb (https://pibb.com) and create a channel.
This channel (e.g. JanRain Blog) is where all of the conversation threads
for your posts will be stored. One channel can have many threads.

6. You will also need to get an API key, the API key can be found by clicking
on the ‘My Profile’ tab which (once you are logged in) is in the upper
right hand corner of Pibb.

Where to find your Pibb API key

7. Now associate your blog with your Pibb Channel (e.g. JanRain Blog) and API key.
To do this login to the admin panel and click on the “Plugins” menu and
then click on the “Pibb Configuration” sub-menu to enter your Pibb Channel
Name and API key.

Pibb Configuration Screen on WordPress

8. That’s it, go ahead and make a post and when you publish your post you will
have a Pibb thread embedded at the bottom, ready for realtime discussion
of your post. Please note the Pibb Comments thread will not show up until you
publish your post.

== Requirements ==

1. Your WordPress theme must contain a call to the the_content() function

== Support ==

Please login to Pibb and visit our WordPress feedback channel:
https://pibb.com/go/WordPressPlugin/feedback

OR

You can leave us feedback by going here:
https://pibb.com/feedback

4 Responses to “How to Embed Pibb”

  1. IM2 | OQP » January rain and other made up words Says:

    […] off a bit, probably the first non JanRain site using the new widget: Waglo discussion via Pibb. Kevin just explained a little better how to embed pibb discussions on your pages. There’s also a Pibb wordpress plugin, I might try it out when I get a minute, or not, since […]

  2. Pibb Launches Embeddable Chat » TechAddress Says:

    […] they announced that you can embed Pibb into your web site or blog. Adding Pibb is easy with just a simple script […]

  3. Pibb is Now Embeddable | Josiah Cole dot com Says:

    […] they announced that you can embed Pibb into your web site or blog. Adding Pibb is easy with just a simple script […]

  4. Playing with Pibb Says:

    […] have a Pibb Thread Box after a post that needs some Live discussing in someway.They recently showed how to embed Pibb in your website that included Wordpress , in Wordpress Pibb guys provided a Plugin to show a Pibb Discussion […]

Leave a Reply