Перейти к содержимому
  • Как вставить свой JavaScript код на Adobe Muse сайт?

    Евгений Зубов Евгений Зубов,

    Расскажу, как вставить свой JavaScript код на сайт.

    Когда это может пригодиться? Когда нужно расширить функционал сайта за счет дополнительных скриптов.

    Существует два способа вставки JS скрипта:

    1. Вставка кода прямо в страницу
      Это когда копируете/вставляете конкретный фрагмент кода. Такой способ используют, если скрипт очень маленький.
       
    2. Подключение JS файла
      Это когда весь код скрипта находится в отдельном файле, и на сайте размещается ссылка на этот файл. Подходит, если скрипт объемный.

    Вставляем скрипт на сайт

    Обратите внимание, что скрипты работают только на тех страницах, на которые вы их добавили. Проще говоря, если добавите скрипт только на Домашнюю страницу, то на остальных страницах ничего работать не будет.

    2017-12-05_090859.jpgЧтобы добавить скрипт сразу на все страницы сайта, нужно использовать шаблоны. На скриншоте я выделили шаблон красным цветом:

    2017-12-05_091056.jpgКликайте правой кнопкой мыши по шаблону и выберите пункт Свойства страницы.

    2017-12-05_091153.jpg

    Откроется окно с настройками шаблона. Перейдите во вкладку Метаданные:

    2017-12-05_091249.jpg

    На этой вкладке будет поле HTML для <head>. Сюда мы и вставляем JavaScript код. Убедитесь, что весь код находится внутри <script></script>:

    <script> 
      тут JavaScript код 
    </script>

    После добавления кода жмете на кнопку Ок. Теперь, чтобы увидеть результат работы скрипта, нужно открыть страницу сайта в браузере, так как в Adobe Muse скрипты не запускаются, а только устанавливаются.

    Подключаем файл со скриптом

    Этот способ применяется, когда скрипт слишком большой для вставки первым способом. Скорее всего, вы скачаете готовый скрипт, который будет находится в файле с расширением .js

    Теперь по шагам расскажем, как подключить файл со скриптом:

    1. Сохраните файл со скриптом на компьютере
    2. Перейдите в главное меню Файл - Добавить файлы для передачи...
      2017-12-05_092001.jpg
    3. Выберите сохраненный файл со скриптом и нажмите Открыть
      2017-12-05_092020.jpg
    4. Теперь добавленный скрипт будет находиться в ресурсах сайта. Увидеть его можно, открыв страницу сайта и в панели инструментов, выбрав пункт Ресурсы.
      2017-12-05_092112.jpg
    5. Теперь подключим файл на сайт. Снова открываем свойства шаблона
      2017-12-05_091153.jpg
    6. Вписываем в поле HTML для <head> такой код:
      <script src="assets/названиефайла.js"></script>

      Если бы файл с JS скриптом назывался script.js, то код для вставки в шаблон будет таким:

      <script src="assets/script.js"></script>
    7. Результат работы вставки скрипта можно увидеть только при работе сайта с хостинга. На локальном компьютере ничего происходить не будет.

    По такой схеме вы можете свободно редактировать скрипт внутри файла. Adobe muse будет самостоятельно загружать на хостинг самую актуальную версию скрипта.

    Важно знать

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

    Иногда придется разобраться во всем этом, чтобы заработало.

    Отзывы пользователей

    Рекомендуемые комментарии

    <script src="/assets/script.js"></script>

    будет работать локально но будет обращаться по ссылке от корня диска(в windows) или от точки монтирования xNIX. не будет работать из подкаталога.

    поэтому лучше

    <script src="assets/script.js"></script>

    но тогда для версий телефон и планшет 

    <script src="../assets/script.js"></script>

    для справки - локально не работает <script src="//assets/script.js"></script>

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    Оставлять сообщения могут только участники клуба

    Вступите в клуб или войдите под своим аккаунт, чтобы писать сообщения

    Вступить в клуб

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас
×