Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
help:installing:webchat [2007/03/04 14:35] dcraig |
help:installing:webchat [2013/05/19 10:41] (current) rubin |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Add Chat to Your Website ====== | + | ~~NOTOC~~ |
| - | <box 30% orange left | Try Out Our Chat Applet> | + | ====== AfterNET in your Browser with Qwebirc ====== |
| - | < | + | |
| - | </ | + | |
| - | ===== Overview ===== | + | We now offer [[https:// |
| - | Our standard WebChat applet can easily | + | ===== Advantages ===== |
| + | * Connects using https protocol, which is securely encrypted and unlikely to be filtered | ||
| + | * Works anywhere with a javascript enabled | ||
| + | * Built in support for Login-on-Connect | ||
| - | By default, the login form our WebChat script generates is as simple as possible. This is to allow you to customize it to match the look and feel of the rest of your website, and you can read the information further below to learn how to modify many aspects of the script. The script also gives users the option to automatically login to their AfterNET account using [[help:connecting: | + | ===== How to Use ===== |
| + | * Open [[https:// | ||
| + | * Enter a nickname and a channel where you want to go. If you don't know a channel, start in '# | ||
| + | * If you have registered an AfterNET Account, enter your account and password in. If not, just leave them blank. | ||
| - | An AfterNET account allows you to permanently own your channel and also hides your IP address from other users on the network, but it is typically not required for visitors to your website to obtain an account with us to use our WebChat applet. We use [[help: | + | ===== Add Chat to Your Website ===== |
| - | ===== How to Set It Up ===== | + | You can embed the qwebirc session into an existing website, |
| - | The easiest way to set up and install our WebChat applet on your site is to simply copy and paste the following code and insert it into the HTML code of your web page where you'd like the WebChat applet to appear. You'll want to edit the nickname, channel, width, and height variables to customize the default nickname for your visitors, the name of your channel (or chat room), and the size of the Java applet. Be sure that the channel name begins with the # character. You can also choose whether to have the applet open in a new window or expand to fill the space occupied by the login form. | + | ==== Link to chat ==== |
| - | < | + | Simply link to a URL like this: |
| - | <!-- AfterNET WebChat: Start --> | + | |
| - | <script src=" | + | |
| - | </ | + | |
| - | <script type=" | + | |
| - | after_nickname | + | |
| - | after_channel | + | |
| - | after_width | + | |
| - | after_height | + | |
| - | after_newwin | + | |
| - | after_webchat(); | + | |
| - | </ | + | |
| - | <!-- AfterNET WebChat: End --> | + | |
| - | </ | + | |
| + | https:// | ||
| - | ===== Making Your Channel Your Own ===== | + | but change MYCHANNEL to your channel name (ie #frogs), and MYVISITOR to something disinct (ie. ANONFROG) |
| + | Or, you can embed the chat in your own web page instead of a link: | ||
| - | On our network you have the ability to permanently own your channel (or chat room). This allows you to kick out or ban troublesome visitors and extend these rights to others you trust. Once you've found a channel on our network that is not in use by anyone else, you can make that channel your own by following some simple steps. | + | < |
| - | + | < | |
| - | * Join your new channel using the WebChat applet and verify that nobody else is in it. | + | |
| - | * Create an AuthServ account to use X3, our channel services bot. To do this, type the following command: | + | |
| - | < | + | |
| - | /authserv register < | + | |
| </ | </ | ||
| - | You'll need to fill in your desired username, password, and email address above. Your email address is only used to prevent multiple registrations and if you forget your password. We never use it to send you spam or for any other purposes. | ||
| - | * Check your email and type the command from the email to complete the account registration. It should look something like this: | ||
| - | < | ||
| - | /msg AuthServ@X3.AfterNET.Services COOKIE < | ||
| - | </ | ||
| - | * You should now be automatically logged in to your account. In the future, you can use the login-on-connect feature of the WebChat form to login when you connect or you can type the following command once connected: | ||
| - | < | ||
| - | /authserv auth < | ||
| - | </ | ||
| - | * Now that you are in your channel and logged in, you can register your channel with this command: | ||
| - | < | ||
| - | /x3 register < | ||
| - | </ | ||
| - | Remember that the channel name in the above command must begin with the # character. Our channel service bot, X3, will then join your channel. Whenever you login with AuthServ and join your channel, X3 will automatically make you a channel operator. You can learn all about X3's functions on this help page or by typing .help in your channel. | ||
| - | * If you have any questions, feel free to /join #afternet or /join #help and ask for assistance! | ||
| - | |||
| - | ===== How to Make Detailed Modifications ===== | ||
| - | |||
| - | Our WebChat script has many other variables that you can modify. Here is an expanded version of the simple code above that shows every setting you can change along with its default value. | ||
| - | |||
| - | < | ||
| - | <!-- AfterNET WebChat: Start --> | ||
| - | |||
| - | <script src=" | ||
| - | </ | ||
| - | <script type=" | ||
| - | |||
| - | // Login form settings | ||
| - | after_nickname | ||
| - | after_channel | ||
| - | after_showchan | ||
| - | after_loccolor | ||
| - | after_loctext | ||
| - | |||
| - | // Java applet settings | ||
| - | after_newwin | ||
| - | after_width | ||
| - | after_height | ||
| - | after_name | ||
| - | after_userid | ||
| - | after_quitmessage = ' | ||
| - | after_fontface | ||
| - | after_fontsize | ||
| - | after_useinfo | ||
| - | after_smileys | ||
| - | after_bgimage | ||
| - | after_helppage | ||
| - | |||
| - | // Java applet colors | ||
| - | after_color11 | ||
| - | after_color12 | ||
| - | after_color10 | ||
| - | after_color0 | ||
| - | after_color1 | ||
| - | after_color2 | ||
| - | after_color3 | ||
| - | after_color4 | ||
| - | after_color5 | ||
| - | after_color6 | ||
| - | after_color7 | ||
| - | after_color8 | ||
| - | after_color9 | ||
| - | |||
| - | after_webchat(); | ||
| - | |||
| - | </ | ||
| - | |||
| - | <!-- AfterNET WebChat: End --> | ||
| - | </ | ||
| - | |||
| - | Additionally, | ||
| - | Enjoy chatting on AfterNET! | ||