Transcript

00:00 let's integrate discuss comments
00:02 directly on our website
00:11 hey everybody joe workman here and in
00:13 this video we're going to be looking how
00:14 to implement disqus commenting directly
00:17 on our rapidweaver websites
00:19 and we're going to use the new comments
00:21 2 stack that i recently released for
00:24 rapidweaver now this stack set
00:27 implements both disqus and facebook
00:29 commenting systems however in this video
00:31 we're just going to be reviewing how to
00:33 get disqus comments directly on our site
00:36 and we're also going to integrate those
00:38 comments directly into our total cms
00:40 blog as well
00:42 so without further ado let's jump in and
00:44 see how easy it is
00:46 so here we are inside the comments to
00:48 demo project that ships with the
00:50 comments stack
00:51 and what we're going to be looking at
00:53 right now is implementing disqus
00:55 comments on just a static web page
00:58 inside rapidweaver
01:00 basically this is going to be used in a
01:02 static web page environment where it
01:04 could be a product page or a services
01:06 page basically any web page that you
01:09 want your users to interact about that
01:12 page or you know maybe it's a general
01:14 conversation page that you have on your
01:16 website that you want your visitors to
01:18 use to interact with each other and with
01:20 yourself
01:21 so here on this page all i've done is
01:23 i've added the disqus comments stack to
01:26 the bottom of the page now by default
01:28 all you need to set up okay is your
01:31 disqus short name
01:33 and by default disqus will take care of
01:35 the rest it will associate the discuss
01:37 comment thread with the url that the
01:39 page is currently on okay
01:41 i do suggest however that you define an
01:44 id
01:45 and maybe a specific title
01:47 for this thread this way if you wanted
01:49 to maybe reference this commenting
01:51 thread on a different web page or you
01:53 want to make sure it has a specific
01:54 title right these are good things to set
01:57 you can also override the url
02:00 okay that this
02:01 uh
02:02 comment thread is associated with so if
02:04 you want to associate the same comment
02:06 thread on multiple pages
02:08 you might want to you know
02:10 assign it to a particular url so that
02:13 you can use that thread on multiple
02:14 pages however in most cases you're just
02:17 going to use the default url and then
02:19 assign the thread in id and then a
02:22 custom title
02:25 now the rest of your settings for the
02:26 common stack are actually done inside
02:29 your disqus account so let's jump over
02:31 there and have a look
02:33 so here i am inside my disqus account
02:36 online
02:37 and essentially
02:39 the one thing that we really needed was
02:41 the discuss short name
02:43 now you will notice if you look at the
02:45 url to my discuss account it actually
02:47 has your short name in the url so here
02:49 it's jw sandbox that was the short name
02:52 for my particular discuss account okay
02:55 you can also if you go to edit settings
02:57 inside disqus you'll see that short name
02:59 my website short name is jw sandbox okay
03:03 and this is where you associate that
03:05 with various urls you can give it a
03:07 category and a you know default name and
03:10 all that jazz
03:11 okay
03:12 now there's a lot of other things that
03:13 we can set up here you have appearance
03:16 okay which is the color scheme do you
03:18 want to have it for light backgrounds or
03:19 dark backgrounds
03:21 do you want to choose a specific
03:22 typeface okay um so there are some
03:26 customizations that you can do inside
03:28 your disqus account
03:30 now later on we're going to be looking
03:32 at implementing the disqus count stack
03:35 and here you'll notice inside the
03:36 community tab in your account is where
03:39 you can set up the verbiage that you
03:40 want to use when there's zero comments
03:43 one comment and n number of comments um
03:46 on your particular page right
03:49 check through the rest there's a lot of
03:50 other settings here check through these
03:52 to make sure that they're what you would
03:54 want uh for your setup
03:57 so implementing the disqus count stack
04:00 is just as simple
04:02 simply add the disqus count stack to
04:04 your page and let's look at some of the
04:06 settings that we have available
04:07 we have to use our disqus short name
04:09 which we just reviewed okay
04:11 next is going to be the default label
04:13 this is going to be the label that you
04:14 see for a fraction of a second on page
04:16 load until disqus actually replaces that
04:20 with the verbiage that you configured in
04:22 your account that's the verbs that we
04:23 just saw a few minutes ago
04:25 next we need to define the page url and
04:29 potentially thread id
04:31 of the comment thread that you created
04:34 using the disqus comments stack okay
04:37 so in the example that we just saw
04:39 earlier
04:40 this is going to be the thread id of
04:42 disqus comments that is the thread id
04:45 that i chose for that thread
04:48 and then i need to
04:50 put in that thread id so that i can
04:52 properly reference it and get the count
04:54 number for it
04:57 next after that we can assign some style
04:59 basically to the link right so do you
05:01 want to center align it do you want to
05:03 choose a font family okay um it
05:06 integrates with both foundation and font
05:08 pro so if you want to customize the uh
05:11 font family used as well as styles we
05:13 integrate with both foundation and font
05:15 pro okay for font styles as well as
05:18 custom styles so you can define you can
05:20 design your own um text color
05:22 now one thing to note i have noticed
05:24 with disqus that um the account takes a
05:27 little bit longer to update it's not
05:30 instantaneous so if you get new comments
05:32 it could take 10 15 minutes for that
05:34 count to actually be updated so if
05:36 you're playing around and you're adding
05:38 new comments and then all of a sudden
05:39 you're looking at the account you're
05:40 like oh no my account's wrong right
05:42 chances are just give a little bit of
05:44 time uh discuss is probably indexing
05:46 your thread and and what not on the back
05:48 end right i mean it's processing
05:50 millions of probably comments across the
05:52 web so it takes a little bit of time
05:54 right so just if you see your comment
05:57 count a little bit off okay it's okay
05:59 just give it some time um it will update
06:02 okay that's another reason why i
06:05 recommend that you use the thread id so
06:07 that you're exact and you're like i know
06:09 the thread id you know for associating
06:11 the comment count and everything is
06:13 exactly this id right
06:15 so um i think the thread id is a great
06:18 thing to use
06:19 especially if you're going to be doing
06:21 comment counts
06:22 so now we're going to jump into
06:25 implementing disqus comments inside
06:28 total cms blog okay again we just
06:31 reviewed on how to use the disqus
06:33 comments stack inside the stacks library
06:35 right so the two stacks that are in the
06:37 library are the disqus comments and
06:39 discuss count stack
06:42 now you're not going to use those stacks
06:44 that are in the library when you're
06:45 working with total cms for that we've
06:48 developed actually custom child stacks
06:51 that integrate directly into the blog so
06:54 let's jump into there and see exactly
06:56 how all that works
07:00 so now we're back inside my comments
07:02 demo file and we'll notice that we have
07:04 a page here for disqus blog
07:07 now this is going to implement the total
07:09 cms blog list stack now i'm not going to
07:12 review how to implement the blog or the
07:14 blog list okay i'm only going to show
07:16 you the discuss count stack because in
07:19 the blog list
07:21 uh you now have a new child stack
07:24 called disqus count
07:26 okay
07:27 and this is the going to be the stack
07:29 that you're going to want to add to your
07:30 project
07:31 not the one from the stacks library okay
07:34 so if you want to add disqus counts to a
07:37 particular blog list you're going to add
07:39 the child discuss count stack
07:42 and if we look at the settings for that
07:44 you'll notice that it's slightly
07:45 different okay it actually has less
07:47 settings
07:48 all we need to do is set the short name
07:51 and that's it some other alignment and
07:53 font styles if you want right but we
07:55 don't need to set a thread id we don't
07:57 need to set a page url that's because
07:59 the cms takes care of all of that for us
08:02 behind the scenes okay it associates and
08:05 creates ids for every single blog post
08:07 for you automatically on the fly
08:10 so that's really great all we need to do
08:12 is add the disqus count stack to our
08:14 page
08:15 add it inside of your blog list layout
08:17 wherever you want okay and then it will
08:20 just magically start working
08:24 now what you might notice when you
08:25 preview your page is that some blog
08:28 posts have a comment number right so the
08:31 proper comment count here's two comments
08:33 zero comments and so on and so forth but
08:35 if you notice if we go further down this
08:38 last particular blog post doesn't have a
08:40 number right it just says comments
08:43 the reason for this is
08:45 no one actually has visited this
08:46 particular blog post before so disqus
08:49 has never actually loaded it
08:51 so in order to rectify that all you need
08:53 to do is visit that particular blog post
08:55 online
08:56 let the discuss blog post um you know
08:58 comment stack uh load and then that will
09:01 actually get registered in the discuss
09:03 system okay and again like i said
09:05 earlier sometimes the accounts take a
09:07 little while to get updated so if you
09:10 actually comment on a particular blog
09:12 post you might not see the comment
09:14 counts update for you know 10 15 2
09:17 minutes okay so just be a little bit
09:19 patient um it is discussed working in
09:21 the background and we have no control
09:23 over that particular syncing algorithm
09:25 that they use
09:26 now implementing the comment thread
09:29 inside your individual blog post page is
09:32 just as easy as it was for the count
09:34 right
09:35 on the blog post stack we have a new
09:39 child stack just like we did in blog
09:41 list and if you click on the plus button
09:42 you'll notice that you now have disqus
09:45 comments as the child stack
09:47 this is going to be the stack that
09:48 you're going to want to use you don't
09:50 want to use the disqus comment stack
09:53 from the stacks library okay this is a
09:56 special optimized version for the cms
09:59 again it's inside the child stack when
10:02 you click the plus button inside the
10:03 blog post
10:05 and if you notice this
10:06 there are even less settings here than
10:09 in the normal disqus comment stack the
10:12 only thing that we need to set
10:14 is our disqus short name
10:16 the cms takes care of the rest for us
10:18 automatically because again behind the
10:20 scenes it creates all the ids for us
10:22 that we need to create this disqus
10:25 thread and associate that with the
10:28 comments um inside the blog list so we
10:30 can get our counts
10:33 now for the disqus comment thread inside
10:35 total blog
10:36 you'll notice that it actually doesn't
10:38 preview inside rapidweaver okay but it
10:40 will work once you publish your webpage
10:44 and that wraps it up for discuss right
10:46 you'll see that how easy it is to
10:48 implement right there are some settings
10:50 that you need to set on your disqus
10:52 account natively online right so if you
10:55 want to customize the look and feel some
10:57 of those like comment count labels and a
10:59 few other things like you know
11:00 moderation do you want it to do some
11:02 spam filtering for you and there are
11:05 some other things that you can tweak in
11:06 the settings okay but the one important
11:08 setting that you need to get out is that
11:10 discuss short name so that you can
11:12 assign that inside your disqus comment
11:14 stack
11:15 and you'll notice how easy it is to
11:17 integrate with blog right we've done all
11:19 the hard work behind the scenes in terms
11:21 of associating threads to comment counts
11:24 and all that jazz for you okay you don't
11:26 need to worry about creating ids the cms
11:29 does all of that for you okay so it
11:32 makes it really really simple to
11:34 integrate uh discuss comments directly
11:36 into your total cms blog
11:38 and again for static pages this is great
11:42 for product pages and ways with
11:44 interacting with your customers directly
11:46 on your website right and having them
11:48 you know maybe share publicly on twitter
11:50 or facebook directly from discuss right
11:53 so it's a great way to interact with
11:55 your customers and even promote other
11:58 existing pages on your website inside
12:01 the discuss thread because it shows like
12:03 related posts and all that jazz um
12:06 inside like your comment um area so
12:09 that's really great i hope you enjoy the
12:12 discuss comment stacks uh they are
12:14 powerful they're easy to use and i can't
12:16 wait to see how you use them so thanks
12:18 very much everybody i hope you enjoyed
12:20 this and i'll talk to you later happy
12:22 weaving bye"}]