Viewing Trying to Embed a forum. Disqus - Help please?

Trying to Embed a forum. Disqus - Help please?



User: Guest 12 years ago
Hi,

I'm trying to embed a forum on my website. I was using nabbler but it looked rubbish so I found Disqus which looks pretty cool. I can't get it to work though any advice greatly appreciated.

Thanks,
John

Place the following code where you'd like Disqus to load:


<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'thetruthaboutdiets'; // required: replace example with your forum shortname

/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

Place the following code before your site's closing </body> tag:

<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'thetruthaboutdiets'; // required: replace example with your forum shortname

/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
Edit
User: Roddy 12 years ago
Is this what you want?

http://ezmacwebdesign.com/Demo/disqus-forum.html

You must publish to the server before you will see it. It doesn't work locally.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
Thanks Roddy....did you just paste the code into the HTML widget?
Edit
User: Roddy 12 years ago
Paste this into a snippet...

[code:26a8qkuc]<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'thetruthaboutdiets'; // required: replace example with your forum shortname

/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>[/code:26a8qkuc]

... and this into the page Footer Code box...

[code:26a8qkuc]<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'thetruthaboutdiets'; // required: replace example with your forum shortname

/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>[/code:26a8qkuc]

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
Hey Roddy,

Do you know if there's a way to restrict the space the comments take up. This disqus comments platform is really good but if loads of individuals post comments the comments just continue down off the edge of the page and doesn't look good. Do you know if there would be a way to restrict the space the comments takes up and have them scroll rather than just continue of the page?

Thanks,
John
Edit
User: Roddy 12 years ago
The problem with using something like Disqus in EasyWeb is that you need to set a page height. This is not necessary when you create a page using an editor.

To get the contents to scroll you would use an iframe to insert the comments into the page. To do this you would create an HTML doc for the comments and upload it to the server. Then reference this in an iframe code in EasyWeb. When the doc gets longer than the height of the iframe scroll bars will appear.

It's a long time since I looked at Disqus but I seem to remember that there may be a way to limit/control the number of comments in Disqus itself. It's worth checking this out to see if it's possible.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
This sounds tricky! Might need to get some help on it from someone. Thanks for pointing me in the right direction though :O)
Edit
User: Guest 12 years ago
what is an iframe?
Edit
User: Guest 12 years ago
Hi Roddy,

I've created a separate page within easy web so if I can get some code of set up an iframe can i just reference the page? Sorry I'm a complete amateur so feeling my way round in the dark a little.

Thanks,
John
Edit
User: Roddy 12 years ago
Make the page a little narrower than the rest of your pages so that you can set the iframe width to the same as the width of the other pages without the horizontal scroll bar appearing .

Use a code like this, enter the URL to the page and change the values for width and height to suit...

<iframe src="http://www.website.com/page-name.html" style="height: 1200px; width: 980px; border: none"></iframe>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
Hi Roddy,

I think I've nearly got this to work.

<iframe src=" test.thetruthaboutdiets.net " width="600" height="600" name="iframe_a"></iframe>
<p><a href="http://test.thetruthaboutdiets.net/comments.html" target="iframe_a">thetruthaboutdiets.net</a></p>

The only trouble is I have to click on a link below the Iframe to get the comments box to load. Is there a way to get it to load automatically with the page?

Thanks,
John
Edit
User: Guest 12 years ago
Sorry Roddy...I missed your last post...I'll try it now. Thanks v much!
Edit
User: Roddy 12 years ago
Try this...

<iframe src="http://test.thetruthaboutdiets.net/comments.html" style="width: 700px; height: 900px; border: none"></iframe>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
Hi,

Disqus has a function whereby it says something like "Also on your website [Your Webpage Name] ".

On some of my comments pages it just says "Also on your website [Untitled Webpage]". I thin I need to put a title in my if ram but I don't know how to do this? Can someone tell me where I would need to insert the title in the coding below please?

<iframe src="http://www.thetruthaboutdiets.net/weight-tracker-comments.html" style="height: 470px; width: 360px; border: none"></iframe>

Thanks,
John <!-- s:mrgreen: --><img src="{SMILIES_PATH}/icon_mrgreen.gif" alt=":mrgreen:" title="Mr. Green" /><!-- s:mrgreen: -->
Edit
User: Guest 12 years ago
Actually I think I know what it's doing??

I had to create a separate comments page for the disqus comments (We'll call this the workings page) AND THEN
I had to create an IFRAME on another page within my website to reference the above comments page.

I had to do this to get the comments to scroll....otherwise they just went off the end of the page?

I almost want disqus to ignore the fact that the "Workings" page is there?

Any ideas?

Thanks,
John
Edit


Post Reply
You must login or signup to post.