Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
Ask a Question

How to add Facebook messenger to all pages on site?

+1 vote
805 views
in Q2A Core by
reshown by
where would I add the code that facebook gave me to add messenger to the site?

fb suggest just after the <body> but there is no body tag in qa-theme.php

or is there a plug-in for this somewhere that I couldn't find?

Thank you
Q2A version: 1.8.3

1 Answer

+1 vote
by
edited by

You'll have to copy the body() function from qa-theme-base.php to the current theme you're using, and then make the necessary changes. Like the example below.

Edit

public function body()

{

    $this->output('<body');

    $this->body_tags();

    $this->output('>');

    $this->output('<!-- Load Facebook SDK for JavaScript -->

  <div id="fb-root"></div>

  <script>

window.fbAsyncInit = function() {

  FB.init({

xfbml            : true,

version          : \'v6.0\'

  });

};

(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = \'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js\';

fjs.parentNode.insertBefore(js, fjs);

  }(document, \'script\', \'facebook-jssdk\'));</script>

  <!-- Your customer chat code -->

  <div class="fb-customerchat"

attribution=setup_tool

page_id="YOURPAGEID"

theme_color="#4267b2"

logged_in_greeting="YOUR GREETING."

logged_out_greeting="YOUR GREETING.">

  </div>">');

    $this->body_script();

    $this->body_header();

    $this->body_content();

    $this->body_footer();

    $this->body_hidden();

    $this->output('</body>');

}

by
thank you i tried that, but still getting an error....
Parse error: syntax error, unexpected 'v6' (T_STRING), expecting ',' or ')' in /qa-theme/Green/qa-theme.php on line 773

it's this part of their code

 $this->output('<script src="<!-- Load Facebook SDK for JavaScript -->
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            xfbml            : true,
            version          : 'v6.0'
          });
        };

i tried adding a ,
          version          : 'v6.0',
but still same error
i deleted it because, is it really needed?
then get another error
Parse error: syntax error, unexpected 'https' (T_STRING), expecting ',' or ')' in /qa-theme/Green/qa-theme.php on line 780
        (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>

yeah, i don't think I can make this work....

public function body()
{
    $this->output('<body');
    $this->body_tags();
    $this->output('>');

  $this->output('<script src="<!-- Load Facebook SDK for JavaScript -->
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            xfbml            : true,
            version          : 'v6.0'
          });
        };

        (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>

      <!-- Your customer chat code -->
      <div class="fb-customerchat"
        attribution=setup_tool
        page_id="YOURPAGEID"
  theme_color="#4267b2"
  logged_in_greeting="YOUR GREETING."
  logged_out_greeting="YOUR GREETING.">
      </div>">');

    $this->body_script();
    $this->body_header();
    $this->body_content();
    $this->body_footer();
    $this->body_hidden();

    $this->output('</body>');
}
by
You're constantly opening and closing the output with the single quotes in the Javascript code. You'll need escape them by adding a backslash so they're not read as a closing quote like this --->    \'

https://en.wikipedia.org/wiki/Escape_character

I've edited my answer. Check it out.
by
thank you  so much :) it's almost working...with that code now it shows a
">
at the top of the screen...
it's this part that is causing it
</div>">');
*uggg*I do not understand javascript
by
I think you're supposed to add a link to your facebook code at the very beginning of the output, where it says: Load Facebook SDK for JavaScript.
In fact, at the moment it's just an open tag

<script src="<!-- Load Facebook SDK for JavaScript -->
by
Nevermind, that's actually a typo now that I look at it. You need to remove that open script part

<script src="
by
no...still showing "> above the header....
i really appreciate you trying to help me get this to work...
Snow Theme by Q2A Market
Powered by Question2Answer
...