locked
How to install Windows Live Messanger bar

    Question

  • Hey,
    I have a website that i would like to put the Windows Online Web Messenger bar on.
    but I am new at puting things like this on my website so i was wondering if someone could tell me where a step by step guield somewhere.
    but please don't point me to this http://messenger.mslivelabs.com/  or http://msdn.microsoft.com/en-us/library/dd570043.aspx cause i have been reading them for a couple of days now and they are just making me run around in circles. So can someone please tell me the ways of getting the windows live online web messanger bar on my website which is HTML and uses 
    XHTML 1.0 Transitional
    I also have full access to my html and css.
    Friday, December 18, 2009 2:08 AM

Answers

  • Andrew,

     

    I’ll assume you’re using ASP.NET here, but the server technology isn’t important. Most steps remain identical except the one for the msgr:app tag.

     

    1.       Create a new application ID and secret for your web site. This allows Messenger to identify your application. The application ID is associated with your domain. The details are here.

    2.       In the page that is going to have the bar, make sure the <HTML> tag has the “msgr” namespace defined. For example:

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:msgr="http://messenger.live.com/2009/ui-tags">

    3.       Include the loader in the <HAED> section and have it download the Messenger Web Toolkit client scripts.
    Here is an example:

    <script type="text/javascript" src="http://www.wlmessenger.net/api/3.5/loader.js"></script>
    <script language="javascript" type="text/javascript">
    Microsoft.Live.Core.Loader.load(['messenger.ui.styles.core', 'messenger.ui']);
    </script>

    4.       Add the msgr:app to your page. Here is an example:

    <msgr:app
       privacy-url="/Privacy.html"
       channel-url="/Channel.html"
       application-name="My Application Name"
       application-verifier-token="appid%..."
       token-url="/RefreshMessengerToken.aspx”>
    </msgr:app>

    Few notes about the msgr:app tag:
    - The privacy-url is where you tell your users what you will do with their contact information.
    - The channel.html file specified in the channel-url attribute, you simply copy and paste from one of our samples.
    - The application-verifier-token is what you need to calculate server-side; it proves that you are the application that you claim to be. Each of our samples include sample code that does that. You can simple copy and paste into your site. For example, for ASP.NET, you’ll find a WindowsLive class in our samples that handles this. For ASP.NET, It expects your application ID and secret to be stored in the web.config file.
    - The token-url is again a file that you can just take from one of the samples.

    5.       Add the bar to your page and you should be good to go. Here is a sample code:
    <msgr:bar></msgr:bar>

     

    Hope this helps.

    Offir

     

    Friday, December 18, 2009 6:53 PM

All replies

  • Andrew,

     

    I’ll assume you’re using ASP.NET here, but the server technology isn’t important. Most steps remain identical except the one for the msgr:app tag.

     

    1.       Create a new application ID and secret for your web site. This allows Messenger to identify your application. The application ID is associated with your domain. The details are here.

    2.       In the page that is going to have the bar, make sure the <HTML> tag has the “msgr” namespace defined. For example:

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:msgr="http://messenger.live.com/2009/ui-tags">

    3.       Include the loader in the <HAED> section and have it download the Messenger Web Toolkit client scripts.
    Here is an example:

    <script type="text/javascript" src="http://www.wlmessenger.net/api/3.5/loader.js"></script>
    <script language="javascript" type="text/javascript">
    Microsoft.Live.Core.Loader.load(['messenger.ui.styles.core', 'messenger.ui']);
    </script>

    4.       Add the msgr:app to your page. Here is an example:

    <msgr:app
       privacy-url="/Privacy.html"
       channel-url="/Channel.html"
       application-name="My Application Name"
       application-verifier-token="appid%..."
       token-url="/RefreshMessengerToken.aspx”>
    </msgr:app>

    Few notes about the msgr:app tag:
    - The privacy-url is where you tell your users what you will do with their contact information.
    - The channel.html file specified in the channel-url attribute, you simply copy and paste from one of our samples.
    - The application-verifier-token is what you need to calculate server-side; it proves that you are the application that you claim to be. Each of our samples include sample code that does that. You can simple copy and paste into your site. For example, for ASP.NET, you’ll find a WindowsLive class in our samples that handles this. For ASP.NET, It expects your application ID and secret to be stored in the web.config file.
    - The token-url is again a file that you can just take from one of the samples.

    5.       Add the bar to your page and you should be good to go. Here is a sample code:
    <msgr:bar></msgr:bar>

     

    Hope this helps.

    Offir

     

    Friday, December 18, 2009 6:53 PM
  • Andrew,

    Thanks for your interest in the Windows Live Messenger Web Toolkit.  In order to help you, I'm going to need a little more information about your site setup.  Is your site static HTML or using a dynamic scripting language (e.g. PHP, Perl, Python, Ruby, etc.)?

    Currently the MWT doesn't support adding the Bar to static HTML pages as there is some server-side processing needed in order to support authentication in the bar.  If you are a scripting language, I highly recommend that you go to http://messenger.mslivelabs.com/ and download the sample code from step 2.  Inside of this zip file, you will find a "WebToolkit" folder which contains a "GettingStarted" folder.  Check out the folder containing the scripting language you are using, the most interesting file being the "index" file.  The other files can be used as they are.

    Please let me know if you encounter anymore issues,

    -Kyle
    Friday, December 18, 2009 6:56 PM
  • Hi Renato,

     

    I am glad to hear about your interest in the Messenger Web Toolkit.

     

    Unfortunately, we currently do not support video in the Web Toolkit.

     

    You can fully customize the appearance of the bar using CSS and images. Check out this post in our blog. You’ll find some more information about it there.

     

     

    Offir Bakshitz

    Wednesday, January 13, 2010 9:40 PM