Документация

Скачайте файл ru_product-chatbro.xml

Выполните импорт. Для этого авторизуйтесь в vBulletin, переместитесь во вкладку Products & Hooks \ Manage Products и кликните по ссылке Add/Import Product.

Выберите скачанный файл и нажмите импорт.

Откройте меню настроек и выберите «ChatBro options».

Вставьте ваш путь до чата, который предварительно нужно создать в личном кабинете.

Скачайте файл ru_product-chatbro.xml

Выполните импорт. Для этого авторизуйтесь в vBulletin, переместитесь во вкладку Products & Hooks \ Manage Products и кликните по ссылке Add/Import Product.

Выберите скачанный файл и нажмите импорт.

Откройте меню настроек и выберите «ChatBro options».

Вставьте ваш путь до чата, который предварительно нужно создать в личном кабинете.

Скачайте файл ru_chatbro_product.zip

Скопируйте содержимое папки core из скаченного архива в вашу vBulletin директорию. После этого вы должны увидеть core/packages/chatbro в вашей vBulletin директории.

Выполните импорт. Для этого авторизуйтесь в vBulletin, переместитесь во вкладку Products & Hooks \ Manage Products и кликните по ссылке Add/Import Product.

Введите «./packages/chatbro/xml/product_chatbro.xml» в поле или выполните импорт xml файла с сервера и нажмите импорт.

Откройте меню настроек и выберите «ChatBro options».

Вставьте ваш путь до чата, который предварительно нужно создать в личном кабинете.

Необходимо зайти в администраторский раздел вашего форума, перейти во вкладку «Внешний вид» и выбрать, стиль который установлен по умолчанию.

В боковом меню выбираем шаблон globalTemplate и вставляем код перед закрывающим тегом </body>.

<php>
    if ($this->memberData['member_id'] > 0) {
        $cb_id = $this->memberData['member_id'];
        $cb_displayName = $this->memberData['name'];
        $cb_profile = $this->settings['board_url'] . '/index.php?/user/'.$cb_id.'-'.$name.'/';
        $cb_avatar = $this->memberData['pp_small_photo'];
    }
</php>
<script>
    /* Chatbro Widget Embed Code Start*/
    function ChatbroLoader(chats, async) {
        async = !1 !== async;
        var params = {
            embedChatsParameters: chats instanceof Array ? chats : [chats],
            lang: navigator.language || navigator.userLanguage,
            needLoadCode: "undefined" == typeof Chatbro,
            embedParamsVersion: localStorage.embedParamsVersion,
            chatbroScriptVersion: localStorage.chatbroScriptVersion
        },
        xhr = new XMLHttpRequest;
        xhr.withCredentials = !0;
        xhr.onload = function() {
            eval(xhr.responseText);
        };
        xhr.onerror = function() {
            console.error("Chatbro loading error")
        };
        xhr.open("GET", "https://www.chatbro.com/embed.js?" +
            btoa(unescape(encodeURIComponent(JSON.stringify(params)))), async);
        xhr.send();
    }
    /* Chatbro Widget Embed Code End*/
    var param = {
        chatPath: "vk/Тестовая беседа",
        containerDivId: ""
    };
    if ("{$cb_id}") {
        param.siteUserFirstName = "{$cb_displayName}";
        param.siteUserLastName = " ";
        param.siteUserExternalId = "{$cb_id}";
        param.siteUserProfileUrl = "{$cb_profile}";
        param.siteUserAvatarUrl = "{$cb_avatar}";
    }
    ChatbroLoader(param);
</script>
 

Зайдите на сайт через FTP и откройте файл /includes/functions.php.

После строчки

$l_login_logout = sprintf($user->lang['LOGOUT_USER'], $user->data['username']);

вставьте следующий код:

$cb_id = $user->data['user_id']; $cb_profile = 'http://'.$config['server_name'].$config['script_path'] . '/memberlist.php?mode=viewprofile&u='.$user->data['user_id']; switch ($user->data['user_avatar_type']) { case 1: $cb_avatar = 'http://'.$config['server_name'].$config['script_path'] . '/download/file.php?avatar='.$user->data['user_avatar']; break; case 2: $cb_avatar = $user->data['user_avatar']; break; }

После строчки

'BOARD_URL' => $board_url

вставьте следующий код:

'CB_ID' => $cb_id, 'CB_PROFILE' => $cb_profile, 'CB_AVATAR' => $cb_avatar,

Далее необходимо зайти в администраторский раздел вашего форума и перейти во вкладку «Стили».

В боковом меню переходим в раздел «Шаблоны», выбираем используемый Вами стиль и жмем «Изменить».

Выбираем для редактирования шаблон «overall_footer.html» и вставляем код, не забудьте изменить переменную «chatPath».

<script>
    /* Chatbro Widget Embed Code Start*/
    function ChatbroLoader(chats, async) {
        async = !1 !== async;
        var params = {
            embedChatsParameters: chats instanceof Array ? chats : [chats],
            lang: navigator.language || navigator.userLanguage,
            needLoadCode: "undefined" == typeof Chatbro,
            embedParamsVersion: localStorage.embedParamsVersion,
            chatbroScriptVersion: localStorage.chatbroScriptVersion
        },
        xhr = new XMLHttpRequest;
        xhr.withCredentials = !0;
        xhr.onload = function() {
            eval(xhr.responseText);
        };
        xhr.onerror = function() {
            console.error("Chatbro loading error")
        };
        xhr.open("GET", "https://www.chatbro.com/embed.js?" +
            btoa(unescape(encodeURIComponent(JSON.stringify(params)))), async);
        xhr.send();
    }
    /* Chatbro Widget Embed Code End*/

    var param = {
        chatPath: "vk/Тестовая беседа",
        containerDivId: ""
    };
    if ("{CB_ID}") {
        param.siteUserFirstName = "{S_USERNAME}";
        param.siteUserLastName = " ";
        param.siteUserExternalId = "{CB_ID}";
        param.siteUserProfileUrl = "{CB_PROFILE}";
        param.siteUserAvatarUrl = "{CB_AVATAR}";
    }
    ChatbroLoader(param);
</script>
 

Зайдите на сайт через FTP и откройте файл footer.php (находится в корне сайта).

Между тегами </div> и <?php вставьте следующий код:

<?php
    // Find your secretKey in "My chats" on chatbro.com (you must be logged)
    $secretKey = "";
    $siteDomain = "";
    preg_match('/<img src="(.*)" width/i', generate_avatar_markup($pun_user['id']), $avatarPath);
    if($secretKey && $siteDomain) {
        $str = $siteDomain;
        $str .= $pun_user['id'];
        $str .= addslashes($pun_user['username']);
        $str .= $avatarPath[1];
        $str .= $pun_config['o_base_url'];
        $str .= '/profile.php?id='.$pun_user['id'];
        $str .= $secretKey;
        $signature = md5($str);
    }
?>
<script>
    /* Chatbro Widget Embed Code Start*/
    function ChatbroLoader(chats, async) {
        async = !1 !== async;
        var params = {
            embedChatsParameters: chats instanceof Array ? chats : [chats],
            lang: navigator.language || navigator.userLanguage,
            needLoadCode: "undefined" == typeof Chatbro,
            embedParamsVersion: localStorage.embedParamsVersion,
            chatbroScriptVersion: localStorage.chatbroScriptVersion
        },
        xhr = new XMLHttpRequest;
        xhr.withCredentials = !0;
        xhr.onload = function() {
            eval(xhr.responseText);
        };
        xhr.onerror = function() {
            console.error("Chatbro loading error")
        };
        xhr.open("GET", "https://www.chatbro.com/embed.js?" +
            btoa(unescape(encodeURIComponent(JSON.stringify(params)))), async);
        xhr.send();
    }
    /* Chatbro Widget Embed Code End*/
    var userId = "<?php echo $pun_user['id'] ?>";
    var param = {
        //how to create chatPath: https://www.chatbro.com/en/documentation/#chatpath
        chatPath: "tg/208397015/Ask your own question",
        containerDivId: "",
        siteDomain: "<?php echo $siteDomain ?>"
    };
    if(userId!=1) {
        param.siteUserExternalId = userId;
        param.siteUserFullName = "<?php echo addslashes($pun_user['username']) ?>";
        param.siteUserProfileUrl = "<?php echo $pun_config['o_base_url'] ?>/profile.php?id=" + userId;
        param.siteUserAvatarUrl = "<?php echo $avatarPath[1] ?>";
        if ("<?php echo $signature ?>") {
            param.signature = "<?php echo $signature ?>";
        }
    }
    //Uncomment to hide chat from unauthorized users
    //if(userId!=1)
    ChatbroLoader(param);
</script>
 

Чтобы создать страницу с историей для индексации, скачайте архив.

Файл «files/chat_history.php» переместите из архива в корень сайта. На 37 строке в этом файле нужно изменить значение chatPath.

Далее, откройте файл «header.php» (в корне сайта) и после фрагмента:

else { $links[] = '<li id="navprofile"'.((PUN_ACTIVE_PAGE == 'profile') ? ' class="isactive"' : '').'><a href="profile.php?id='.$pun_user['id'].'">'.$lang_common['Profile'].'</a></li>'; if ($pun_user['is_admmod']) $links[] = '<li id="navadmin"'.((PUN_ACTIVE_PAGE == 'admin') ? ' class="isactive"' : '').'><a href="admin_index.php">'.$lang_common['Admin'].'</a></li>'; $links[] = '<li id="navlogout"><a href="login.php?action=out&id='.$pun_user['id'].'&csrf_token='.pun_csrf_token().'">'.$lang_common['Logout'].'</a></li>'; }

добавьте следующий код:

$links[] = '<li id="navchathistory"><a href="chat_history.php">Chat history</a></li>';

Скачайте файл chatbro_sm.zip

Необходимо зайти в менеджер пакетов, выбрать скачанный архив и загрузить его.

В открывшемся окне переходим к установке мода.

Нажимаем установить сейчас.

Через 5 секунд вы будете перемещены на страницу настроек, где обязательно нужно изменить только первый параметр - Chat path.

Необходимо зайти в панель управления сайтом, перейти в раздел управление дизайном и создать новый глобальный блок 'CHATBRO'.

Переходим в режим редактирования шаблонов и выбираем только что созданный блок 'CHATBRO'. Вставляем приведенный ниже код и изменяем значение chatPath. Так же вы можете расскомментировать соответствующие строки в конце кода для ограничения прав гостей.

<script>
    /* Chatbro Widget Embed Code Start */
    function ChatbroLoader(chats, async) {
        async = !1 !== async;
        var params = {
            embedChatsParameters: chats instanceof Array ? chats : [chats],
            lang: navigator.language || navigator.userLanguage,
            needLoadCode: "undefined" == typeof Chatbro,
            embedParamsVersion: localStorage.embedParamsVersion,
            chatbroScriptVersion: localStorage.chatbroScriptVersion
        },
        xhr = new XMLHttpRequest;
        xhr.withCredentials = !0;
        xhr.onload = function() {
            eval(xhr.responseText);
        };
        xhr.onerror = function() {
            console.error("Chatbro loading error")
        };
        xhr.open("GET", "https://www.chatbro.com/embed.js?" +
            btoa(unescape(encodeURIComponent(JSON.stringify(params)))), async);
        xhr.send();
    }

    function showSysMessage() {
        document.addEventListener('chatLoaded', function() {
            document.addEventListener('chatInputClick', function(event) {
                var chat = event.chat;
                chat.lockSendMessage();
                chat.showSystemMessage('Только для зарегистрированных участников! <link><a href="$HOME_PAGE_LINK$register">$HOME_PAGE_LINK$register</a></link>');
            });
        });
    }

    /* Chatbro Widget Embed Code End */
    var param = {
        chatPath: 'vk/ddosoff/Тестовая беседа',
        containerDivId: ''
    }

    if ("$USER_LOGGED_IN$") {
        param.siteUserFullName = "$USERNAME$";
        param.siteUserExternalId = "$USER_ID$";
        param.siteUserProfileUrl = "$HOME_PAGE_LINK$index/8-$USER_ID$";
        var avatar = "$USER_AVATAR_URL$";
        if(avatar.indexOf("http")!=-1)
            param.siteUserAvatarUrl = avatar;
        else if(avatar)
            param.siteUserAvatarUrl = "$HOME_PAGE_LINK$"+avatar;
    }

    // раскомментировать следующую строку, чтобы запретить гостям писать сообщения и требовать от них логина.
    // showSysMessage();

    // раскомментировать следующую строку, чтобы скрыть чат от гостей.
    // if("$USER_LOGGED_IN$")
    ChatbroLoader(param);
</script>
 

Выбираем шаблон 'Нижняя часть сайта' и вставляем переменную '$GLOBAL_CHATBRO$' перед закрывающим тегом </footer>.