Meetup API button doesn't work

91 views

Skip to first unread message

beast

unread,

Mar 27, 2012, 6:08:49 PM3/27/12

to Meetup API

This is frustrating.
I just want to add the button that meetup offers to my web-site so
that it can link back to the meetup but the damn thing doesn't work.
Probably because the instructions are incomplete.

Here's where you go to generate the code for the button:
http://www.meetup.com/meetup_api/buttons/

When I generate the code I get two snippets.

1: the HTML for the button
<a href="http://www.meetup.com/SeductiveInstinct/events/56692212/"
data-event="56692212" class="mu-rsvp-btn">RSVP</a>

2: javascript

<script type="text/javascript" src="https://secure.meetup.com/
4163300442513314929894/script/api/mu.btns.js?
id=ah0rnvtttj1qid8dog700qke2f"></script>

Followed the instructions and pasted it into the page and it doesn't
work.
All that appears is a simple hyper link.
What I'm expecting is
1: A description of the event
2: When I mouse-over the link something pops up like in the picture on
the page giving me the ability to RSVP.

This really sucks.
Something this simple should just work!
The first thing that occurs to me is that the generated HTML is using
a CSS class that my web-site doesn't even know about.
What's up with that?

Doug Tangren

unread,

Mar 29, 2012, 6:11:52 PM3/29/12

to meetu...@googlegroups.com

On Tue, Mar 27, 2012 at 6:08 PM, beast <alexande...@gmail.com> wrote:

This is frustrating.
I just want to add the button that meetup offers to my web-site so
that it can link back to the meetup but the damn thing doesn't work.
Probably because the instructions are incomplete.

Here's where you go to generate the code for the button:
http://www.meetup.com/meetup_api/buttons/

When I generate the code I get two snippets.

1: the HTML for the button
<a href="http://www.meetup.com/SeductiveInstinct/events/56692212/"
data-event="56692212" class="mu-rsvp-btn">RSVP</a>

2: javascript

<script type="text/javascript" src="https://secure.meetup.com/
4163300442513314929894/script/api/mu.btns.js?
id=ah0rnvtttj1qid8dog700qke2f"></script>

Followed the instructions and pasted it into the page and it doesn't
work.
All that appears is a simple hyper link.
What I'm expecting is
1: A description of the event
2: When I mouse-over the link something pops up like in the picture on
the page giving me the ability to RSVP.

When you embed the script at the bottom of the page, it should extract the hyperlinks the page with the css selector mu-rsvp-btn, validate their href to identify that the link is for a meetup event, and then rewrite the links' markup with the rsvp button markup. Since it's a button, you have to click it to issue a request to get the event data. The first time you click it you should get prompted through a basic oauth authorization form. Afterwords when you click the button, you should get the event information and, if possible, a way to rsvp to the event.

I just did a quick test with a test oauth consumer configured with a redirect uri of http://localhost:8080 and didn't seem to see an issue. Here was my test page.

<html>
<head>
    <title>test</title>
</head>
<body>