[Resolvido] Chat para atendimento On line via MSN

[Cuesta 0]

Olá!! amigos instalei um tipo de Chat via MSN achei muito legal testei e rodou bem no Explorer só que não aparece no Mozila!!

Este é o tuto!!

 

 

Coloque uma janela de contato via Windows Live Messenger no seu site!

Ter, 23 de Setembro de 2008 17:51 Administrador

Imprimir

 

Olá atendendo o pedido de nosso internauta Carlos Nunes vou publica aqui o tutorial como colocar o atendimento online igual ao joomlanordeste aqui onde tem escrito DICAS ONLINE.

 

Você provavelmente já viu mensagens em fóruns da Web onde aparece o status do usuário (offline ou online) para programas do tipo Instant Messenger como o Windows Live Messenger, Skype, ICQ e similares. Também já deve ter reparado que esta mesma feature vem sendo incorporada a aplicações de webmail como o Hotmail e o Gmail, através das quais é possível trocar mensagens instantâneas com os contatos que estão online. Caso já tenha tentado usar o Messenger a partir de locais em que o mesmo é proibido como na intranet de certas empresas, possivelmente já esbarrou com profissionais que conseguiam burlar esta limitação recorrendo a sites que ofereciam versões web do WLM, não é verdade?

 

 

 

Dada a popularidade deste recurso e a possibilidade de explorá-lo de forma positiva para muitas áreas de atuação (como vendas e ensino), resolvi escrever este artigo onde mostro como a Microsoft facilitou as coisas para que possamos tanto colocar o nosso status em uma página Web como adicionar uma elaborada janela de chat via Windows Live Messenger. Vejamos como implementar mais esta funcionalidade...

Cadastrando a sua conta

 

Para explorar este recurso, é preciso informar a Microsoft que você deseja utilizá-lo. Isto é necessário, pois o seu uso torna possível a qualquer um na Internet saber se você está online ou não ou entrar em contato com você, o que obviamente pode não ser desejável para boa parte dos usuários do Windows Live Messenger. Para ativar esta opção, siga os passos enumerados a seguir:

 

1. Acesse o endereço a seguir e efetue o login com a conta que deseja utilizar:

 

http://settings.messenger.live.com/applica...ebsettings.aspx

 

1. Na tela de configuração que será apresentada a seguir, leia os avisos fornecidos pela Microsoft para ter certeza de que deseja utilizar este recurso e a seguir marque a caixa de verificação Permitir a qualquer pessoa na Internet ver o meu estado online e enviar-me mensagens.

2. Clique no botão Guardar.

 

 

 

Isso é tudo que você precisa fazer para ativar esta funcionalidade para a sua conta de acesso ao WLM, formalmente conhecida como Windows Live ID (antigo .NET Passaport).

Obtendo os códigos para incluir na sua página

 

Conforme mencionamos no início deste artigo, acrescentar estas opções aos nossos sites é algo muito fácil. Especialmente porque a Microsoft já se encarregou de gerar todo o código que precisamos para incluir em nossas páginas. Os próximos passos apresentam como produzir os trechos de HTML necessários:

 

1. Clique na opção de menu Criar HTML.

2. Na página Configurar o Messenger, observe que há duas opções: Ícone de estado e Messenger.

 

1. Selecione a opção desejada e copie o trecho de código fornecido no final da página.

 

Este é o código que você deve colar na sua página. Vale lembrar que alguns sites (como o meu próprio Blog do Linha de Código e do TheSpoke) não permitem a execução de certos trechos de código), portanto não fique frustrado se você não conseguir tirar proveito deste recurso de primeira.

 

 

Criando uma aplicação de teste

 

Uma maneira simples de testar o código gerado é criando uma aplicação ASP.NET no Visual Studio. Deste modo, você não dependerá de nenhum site externo para experimentar a funcionalidade:

 

1. Crie uma aplicação do tipo ASP.NET Web Application.

 

1. Na página default.aspx que é gerada pelo template, adicione o código obtido no site. Para entrar em contato comigo, utilizaremos o código a seguir:

 

 

 

<IFRAME style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 300px; BORDER-BOTTOM: black 1px solid; HEIGHT: 300px" src="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=ba79c909f74f5dc4%40apps.messenger.live.com&mkt=pt-PT" frameBorder=0 width=300 height=300></IFRAME>

 

 

 

 

 

 

 

Confira a seguir como o Visual Studio 2008 renderiza a página em tempo de design...

 

E a seguir em tempo de execução, estando o autor off-line...

 

Testando a janela de contato

 

Agora que já temos a janela de contato funcional, chegou a hora de vê-la em funcionamento. Execute o Windows Live Messenger e efetue o login, configurando o seu status para online. Veja na imagem a seguir que a janela de contato se altera após alguns segundos:

 

Quando o usuário do seu site clicar dentro da área da mesma, será solicitado um nome para identificá-lo.

 

Após este informá-lo e clicar no botão de OK, será necessário passar por uma validação por imagem para minimizar a ação de spammers.

 

Vencida estas etapas, já é possível manter uma conversa em tempo real. As próximas imagens simulam um diálogo. Veja...

 

Observe na imagem a seguir, que o usuário que criamos para fins de teste foi identificado na janela do WLM que se abre como (Web) < ca6c20021868@anonymous.messenger.live.comEste endereço de e-mail está protegido contra SpamBots. Você precisa ter o JavaScript habilitado para vê-lo. >. Deste modo, você já sabe desde o primeiro momento que está trocando mensagens com alguém que não é seu contato.

 

Há, no entanto a opção de usar um Windows Live ID (clicando na opção Ir para a página de início de sessão) de modo que a pessoa que nos enviando a mensagem possa confirmar que é quem diz ser, ou seja, um contato válido da nossa lista de amigos.

 

 

 

É interessante notar que este web messenger fornecido pela Microsoft reproduz alguns detalhes importantes do comportamento da versão desktop do aplicativo, como o status do usuário, a sinalização de que o usuário está escrevendo uma mensagem e a data e hora da última mensagem recebida. Confira nas próximas imagens.

 

Conclusão

 

Apresentamos neste artigo uma forma simples, rápida e poderosa de manter contato com os nossos leitores e clientes. Vale à pena incluí-la em seu site uma vez que agora quem está oferecendo a funcionalidade é a própria Microsoft e não mais web sites de terceiros, a partir dos quais muitos usuários tinham receio de se logar com os seus respectivos Windows Live IDs.

 

São os novos tempos que estão chegando, onde você vai ouvir cada vez mais falar na plataforma Live.com da Microsoft...

 

Abraços e até a próxima!

 

 

 

Fonte: Linha de Código

 

 

 

Escrito por: Cláudio Ralha

 

 

 

e postado por: Joomla Nordeste

 

 

 

 

ALGUEM PODERIA AJUDAR COMO FAÇO PARA APARECER NO MOZILA E OUTROS

ESTOU USANDO ESTES CODIGOS!!

Para o Botão!!!

 

<script type="text/javascript" src="http://settings.messenger.live.com/controls/1.0/PresenceButton.js"></script>

<div

id="Microsoft_Live_Messenger_PresenceButton_b84cb1dd024a209a"

msgr:width="100"

msgr:backColor="#92D6AE"

msgr:altBackColor="#FFFFFF"

msgr:foreColor="#424542"

msgr:conversationUrl="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=b84cb1dd024a209a@apps.messenger.live.com&mkt=pt-br&useTheme=true&themeName=green&foreColor=333333&backColor=DCF2E5&linkColor=333333&borderColor=8ED4AB&buttonForeColor=2C0034&buttonBackColor=CFE9D9&buttonBorderColor=8ED4AB&buttonDisabledColor=CFE9D9&headerForeColor=006629&headerBackColor=92D6AE&menuForeColor=006629&menuBackColor=FFFFFF&chatForeColor=333333&chatBackColor=F4FBF7&chatDisabledColor=F6F6F6&chatErrorColor=760502&chatLabelColor=6E6C6C"></div>

<script type="text/javascript" src="http://messenger.services.live.com/users/b84cb1dd024a209a@apps.messenger.live.com/presence?dt=&mkt=pt-br&cb=Microsoft_Live_Messenger_PresenceButton_onPresence"></script>

 

Para o estatus on line este codigo!!

 

<a target="_blank" href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=b84cb1dd024a209a@apps.messenger.live.com&mkt=pt-br&useTheme=true&themeName=green&foreColor=333333&backColor=DCF2E5&linkColor=333333&borderColor=8ED4AB&buttonForeColor=2C0034&buttonBackColor=CFE9D9&buttonBorderColor=8ED4AB&buttonDisabledColor=CFE9D9&headerForeColor=006629&headerBackColor=92D6AE&menuForeColor=006629&menuBackColor=FFFFFF&chatForeColor=333333&chatBackColor=F4FBF7&chatDisabledColor=F6F6F6&chatErrorColor=760502&chatLabelColor=6E6C6C"><img style="border-style: none;" src="http://messenger.services.live.com/users/b84cb1dd024a209a@apps.messenger.live.com/presenceimage?mkt=pt-br" width="16" height="16" /></a>

 

o site que coloquei é www.cuestaadventure.com.br ao abrir clicar em Contato!!

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Cuesta 0]

Olá!! amigos estou aqui para dizer que o problema não tem nada a ver com o codigo , acontece que no Mozila no meu caso mesmo usando winkey > F5 para atualisar o Browser ele só apareceu depois de reiniciar o navegador . http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Fica ai o tuto para quem quiser usar e testar!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[hgb7 3]

Já tenho a algum tempo isso e recomendo! :)

[hgb7 3]

Uma ressalva... não está funcionando com a versão 2009 do programa... :(

[marcelo123123 0]

---------------------

 

Olá pessoal, boas.

Tô c um problemão em relação ao código abaixo q não funciona no meu Jommla versão 1.5.11. Eu copiei o cód e colei no HTML, clico em up date e ñ aparece nada, tanto no Joomla como no site.

 

<IFRAME style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 300px; BORDER-BOTTOM: black 1px solid; HEIGHT: 300px" src="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=ba79c909f74f5dc4%40apps.messenger.live.com&mkt=pt-PT" frameBorder=0 width=300 height=300></IFRAME>

 

No cód abaixo fiz outro test, fiz o mesmo procedimento acima, ele aparece na integra o ícone do msn no Joomla, qdo dou um salvar no Joomla, agora no site aparece apenas um quadradinho do tamanho do ícone do msn c um erro.

 

<a target="_blank" href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=b84cb1dd024a209a@apps.messenger.live.com&mkt=pt-br&useTheme=true&themeName=green&foreColor=333333&backColor=DCF2E5&linkColor=333333&borderColor=8ED4AB&buttonForeColor=2C0034&buttonBackColor=CFE9D9&buttonBorderColor=8ED4AB&buttonDisabledColor=CFE9D9&headerForeColor=006629&headerBackColor=92D6AE&menuForeColor=006629&menuBackColor=FFFFFF&chatForeColor=333333&chatBackColor=F4FBF7&chatDisabledColor=F6F6F6&chatErrorColor=760502&chatLabelColor=6E6C6C"><img style="border-style: none;" src="http://messenger.services.live.com/users/b84cb1dd024a209a@apps.messenger.live.com/presenceimage?mkt=pt-br" width="16" height="16" /></a>

 

testei até no Outlook express, em origem.

 

Alguém por favor teria alguma solução p postar?

Procurei bastante e nada

abs a todos e mto obrigado

marcelo

[guilhermeliu 0]

Olá!! amigos estou aqui para dizer que o problema não tem nada a ver com o codigo , acontece que no Mozila no meu caso mesmo usando winkey > F5 para atualisar o Browser ele só apareceu depois de reiniciar o navegador . http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Fica ai o tuto para quem quiser usar e testar!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Galera gostaria de saber se o ATENDIMENTO ONLINE VIA MSN está funcionando corretamente no site de voces.... o meu estava funcionando até 3 dias atras, só que agora mesmo eu estando com o MSN ligado e com o STATUS ONLINE ativado, la na pagina do meu site ele aparece como STATUS OFFLINE.... portanto estou aqui para saber se voces estao tendo o mesmo problema ?

 

Aguardo o retorno de voces...

Abraco

[Cuesta 0]

Oi estou aqui com este mesmo problema agora... o status fica offline ...no site , justamente hoje quando fui mostrar para um cliente.

Ainda não sei do que se trata , mas tenho dois msn(s) e até estes dias estava tudo normal... Bem vamos ... desativei a caixa de logs ...e reiniciei a maquina...no entanto suspeito da conexão id do hotmail... se temos dois msns ...mas não fiz um teste ainda...

Bom isto aqui estava sem resposta há muito tempo...portanto até agora ninguem decifrou isto...mas vamos ver é assim mesmo amigo...

Até

[Cuesta 0]

Bem...mais uma vez estou aqui... ficou tempo aqui sem esta resposta,...mas é assim mesmo ...Bem o problema é o seguinte , por algum problema que desconheço o msn desabilita a visualisão do sistema que pode ser reabilitada neste link....

 

http://settings.messenger.live.com/applications/WebSettings.aspx

 

Dai testei e esta funcionando perfeitamente!!

 

Espero que ajude!!

 

Força!!