Skip to main content

The CAPTCHA, IFrames, And Embedded Comments

There's an odd problem, with embedded comments, and CAPTCHA verification.

The problem of post template corruption affects all commenters (owners, members, and readers alike) of a blog with Embedded comments. Besides that, there's an odd problem, which affects some blogs with inline comments, which use CAPTCHA (word puzzle) verification. This may be either the (optional) CAPTCHA which verifies authenticated readers, or the (non optional) CAPTCHA which verifies non authenticated readers.

This problem will affect just the readers - the owners and members will not be subject to CAPTCHA verification, and won't have this problem. This is in addition to the well known problem with CAPTCHA verification and third party cookies.

Occasionally, you may get a perplexed email from a blog reader
I can't comment on your blog - the CAPTCHA form isn't fully displayed!

This problem is not difficult to fix - though why this is happening is still a question.

First and always, backup the template.

Then, edit the template and select "Expand Widget Templates". Look in the template body, near the bottom of the post template.
<b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' src='' width='100%'/> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable>

There are two possible solutions to this problem.

The first is to make the Comment form larger.

<b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable>

Alternately, keep the form the same size, but have it scroll.

<b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height="275" scrolling="auto" id='comment-editor' name='comment-editor' src='' width='100%'/> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable>

Having made one change or the other, Save Template and test. Then, backup the template, again.



Problems With Posting Comments To Blogs, With Embedded Comments Form Used
http://blogging.nitecruzr.net/2009/10/problems-with-posting-comments-to-blogs_07.html

Problems With Posting Comments To Blogs, With Embedded Comments Form Used
The CAPTCHA, IFrames, And Embedded Comments

Comments

Thank you SOOO much. I was so frustrated with this problem ever since I switched to "verification" mode.
MP3 said…
Actually i can still can produce the error with IE 8 even with your fix.

Steps:-
1)open IE 8
2)open any pages with embedded comments
3)write comment and select anonymous
4)click post comment

Results:-
you can't see the captcha.

Problem resolve when you click preview but when you close IE 8 and open it again and start with the steps u cant see the captcha again.

Note: only happen on IE.
Chuck said…
i can still can produce the error with IE 8 even with your fix.

This problem, like so many others, is subject to compound causes. Some scope analysis here would be invaluable. Do you observe the problem.
1. For this blog, on this computer, only?
2. For this blog, on multiple computers?
3. For many blogs, on this computer?

If #2, look at the blog with the problem, maybe comment form size. If #3, look at the computer with the problem, maybe third party cookies.
MP3 said…
yeah you are right, this is due to third party cookies. I just set advance privacy setting in IE to tick override automatic cookie and it's working now. I don't know if other people know about this but this is so troublesome to my visitor as they just leave if they don't see the captcha. I just put a notice to ask them to click preview and so far i get more comments than before.

Thanks again.
OreAnnie said…
trying to leave comments on others' pages and cannot see the comment box. I have accepted 3rd party cookies, but don't know what the problem is, or how to fix this issue. It happens on ALL blogger sites I go to that has embedded comments. I use Firefox.
Asep Petir said…
thanks, I was exposed by the syntax error 1083 then I use the second code suggested by you.
the results are immediately visible.
once again thank you '

Popular posts from this blog

Custom Domain Migration - Managing The Traffic

Your blog depends upon traffic for its success.

Anything that affects the traffic to your blog, such as any change in the URL, affects the success of your blog. Publishing the blog to a custom domain, like renaming the blog, will affect traffic to your blog. The effects of the change will vary from blog to blog, because of the different traffic to every different blog.Followers. People who find your blog because of recommendations by other people.Search engines. Robotic processes which methodically surf your blog, and provide dynamic indexing to people who search for information.Subscribers. People who read your content from their newsfeed reader, such as the dashboard Reading List.Viewers. People who read your content from their browser.No two blogs are the same - and no two blogs will have the same combinations of traffic sources.

Stats Components Are Significant, In Their Own Context

One popular Stats related accessory, which displays pageview information to the public, is the "Popular Posts" gadget.

Popular Posts identifies from 1 to 10 of the most popular posts in the blog, by comparing Stats pageview counts. Optional parts of the display of each post are a snippet of text, and an ever popular thumbnail photo.

Like many Stats features, blog owners have found imaginative uses for "Popular Posts" - and overlook the limitations of the gadget. Both the dynamic nature of Stats, and the timing of the various pageview count recalculations, create confusion, when Popular Posts is examined.