UF likes, comments, responsive width.

Hello,

I bought a plug-in (or rather, membership) yesterday, and it looks like FU works not exactly like video tells.

1) What about fb comments reponsive width? If I'm using comments fb proposed manner:

<div
class="fb-comments"
data-href="<?php the_permalink();?>"
data-numposts="5"
data-colorscheme=">
</div>

then I have workaround, that helps:

.comments .fb_iframe_widget,
.comments .fb_iframe_widget span,
.comments .fb_iframe_widget span iframe[style] {
min-width: 100% !important;
width: 100% !important;
}

What should I do in the case of Your plugin?

2) Main reason, way I bought membership, is because FU allows (?) cumulate fb comments from all url posts (am I wrong?). Whats the reason, that that doesn't happen?

3) Like button is acting not like in presentation. When I write something (when I click on 'like' button), I have no reaction on my FB wall. Only 'like' of that particular url in my activity list. If I'm using like button fb proposed manner:

<div
class="fb-like"
data-href="<?php echo get_permalink(); ?>"
data-layout="button_count"
data-share="false"                               data-show-faces="true">
</div>

it acts ok.
Whats the reason?

Thank You for the help,
Justinas

  • Patrick

    Hi there @Justinas

    Welcome to WPMU DEV, glad to have you aboard!

    And happy new year to you and yours!

    Individual posts can only display Facebook comments that were made for that post on Facebook. Top display all Facebook comments on your site, you'd want to activate and use the Facebook Recent Comments widget. You can activate it under Facebook > Widget Pack in your admin. Then add it to any sidebar where you want them displayed.

    Your CSS should work also for the plugin as the comment form is served by Facebook, not generated by the plugin.

    Have you tried with the Share button? That enables you to add post content to your Facebook wall.

  • Justinas

    Hi Patrick,

    happy Solstice to You to.

    In the beginning, thank You for a quick response.

    Perhaps, I haven't expressed my questions clearly (sorry for my english), therefore, I concretize them.

    ====
    Problem, that emerged suddenly!

    Displaying facebook comments box:
    - I'm developing completely custom theme.
    - I'm not using nor WP comments, neither WP user system.
    - "Ultimate Facebook" is propely connected to the FB app.
    - In admin area, under wpmudev menu "Facebook > Shortcodes", I don't see shorcode for FB comments.
    - I'm using custom hook, named "show_fb_comments", and I entered this code in my theme - <?php do_action("show_fb_comments"); ?> .
    - There is no FB comments box displayed.
    Q: What I'm missing?

    ====
    Problem, that existed before FB comments box "went away".

    Facebook comments, expected behavior:
    1. Person A comments on article, url - http://www.domain.com/article_1. Comment (let say, comment X) is displayed next to the article, in FB comments box.
    2. Inside FB, person A sees that comment X as a post on his FB wall (post link directs to http://www.domain.com/article_1).
    3. Inside FB, persons A friend B comments on that post (let say, comment Y).
    4. On page, on particular url (http://www.domain.com/article_1), in FB comments box, comment Y is displayed as a reply to comment X.
    Q: Step 4 doesn't happen, for what reason? Or, have I misunderstood the plugin presentation?

    ====
    Problem, that existed before FB comments box "went away".

    Facebook comments, reponsive width:
    1. Nope, the above-mentioned solution (my first question) doesn't work with UF plugin.
    2. I did little research on UF code - it seems, that UF is always adding width parameter (case xfbml - with "px" on the end). Could that be the issue?
    3. Should I enter particular value in "Facebook Comments box width" field (If thats related to the problem)? Because if empty, it gets value 550 .
    4. I found comments, about
    define('WDFB_USE_RESPONSIVE_FB_COMMENTS_HACK', true);
    in wp-config.php - still, no responsive width.
    Q: Is there a quick way, to make UF comments box responsive width?

    ====
    Facebook like button, expected behavior:
    1. Person A clicks "like" button on article, url - http://www.domain.com/article_1.
    2. Default FB "like" button behavior: box is displayed, with possibility to write something.
    3. If Person A clicks "close", then only "like" event occurs in his "activity list".
    4. If Person A writes something, then, inside FB, that text is displayed as a post on his wall. With link, that directs to http://www.domain.com/article_1.
    Q: Step 4 doesn't happen, it acts like step 3 (inside FB - no post on the wall, just "like" event in "activity list"), what's the reason? I saw that possibility on video. Or, once again, I don't understood it right?
    PS: my client insists on using "like" button. "Share" button is used as well. Btw., I don't see shortcode for "share" button. Or it should't be there?

  • Patrick

    Hi again @Justinas

    I hope you had a great weekend!

    For the 1st problem, that's the way Facebook comments work as I mentioned in my first reply. Commenting on an existing comment at FB will not be imported to the WP install (at least, I've never seen that). It sounds weird, I know, but that's how it works. I'll see if the developer could look into that and provide some feedback.

    As for the 2nd problem, you are correct, that hack (included since version 2.6.1, and I had forgotten about that) should indeed work. Again, I'll need the developer's input here because it does not work on my site either.

    Liking an article is not the same as Sharing it on Facebook. Simply liking something will not, as far as I know, will not create an entry on the user's Facebook timeline. That only appears in the Activity log at FB. To have something published to the timeline at FB, it must either be Shared or commented on. What you see in the video looks like the result of clicking the share button (that's how it looks at my FB page anyway).

    Finally, did you enter your custom hook without the quotes in Ultimate Facebook settings? If you entered it with the quotes, it will not work. I just used your example in the Twenty-Fifteen theme on my test site and it works just fine (no styling applied though):
    http://patrickcohen.net/hello-world/

  • Justinas

    Hello Patrick!

    Once again, thanks for answer.

    Well, short summary:

    ====
    Facebook comments, reponsive width:

    .comments .fb_iframe_widget,
    .comments .fb_iframe_widget span,
    .comments .fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
    width: 100% !important;
    }

    doesn't work.

    define('WDFB_USE_RESPONSIVE_FB_COMMENTS_HACK', true);
    doesn't work as well.

    ====
    Facebook like button:
    You're right. Mea culpa.

    ====
    Facebook comments:
    As I understud from Your example, comments from FB ( https://db.tt/Ojovl9NI ) doesn't appear in WP ( https://db.tt/TaNnqs8c ).

    Am I right?

  • Michael Bissett

    Hey @Justinas,

    Facebook comments, reponsive width:

    .comments .fb_iframe_widget,
    .comments .fb_iframe_widget span,
    .comments .fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
    width: 100% !important;
    }

    doesn't work.

    Could you provide a link to a page on your site where you have the Facebook comments form active?

    Facebook comments:
    As I understud from Your example, comments from FB ( https://db.tt/Ojovl9NI ) doesn't appear in WP ( https://db.tt/TaNnqs8c ).

    Am I right?

    As long as "Import Facebook comments" is checked inside of:

    Facebook -> Facebook Settings -> Facebook Comments

    The way that it all works is like this:

    - If someone shares a link to your post on Facebook, and people comment on that shared post inside of Facebook, those comments will get imported into your post as WordPress comments.
    - If someone posts a comment on your blog using the Facebook comment form, and people comment on that shared comment of theirs inside of Facebook, those comments will not be imported.

    Kind Regards,
    Michael

  • Patrick

    Hi again @Justinas

    I hope you had a great weekend!

    Looking again at that video, I do now see where the confusion came from. And you are correct, that part of the video is misleading.

    I am now wondering if something has actually changed either in the Facebook API or in the plugin that has modified the import behavior since that video was made.

    I've asked other members of our support team to do a bit of testing on their sites too, and have invited the plugin developer to join this conversation to provide some insight if he can.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.