вы можете попробовать использовать Javascript sessionStorage, который удаляется, когда пользователь закрывает вкладку, но выживает через обновления. Просто используйте sessionStorage.setItem(key, value и sessionStorage.getItem(key). Запомните это sessionStorage можно хранить только строки!

<script type="text/javascript">
  $(document).on('turbolinks:load', function() {
      var tour = new Tour({
        storage: false,
        backdrop: true,
        onStart: function(){
        $('body').addClass('is-touring');
        },
        onEnd: function(){
        $('body').removeClass('is-touring');
        },
        steps: [
        {
          element: "#navbar-logo",
          title: "Go Home",
          content: "All throughout the app, you can click our logo to get back to the main page."
        },
        {
          element: "input#top-search",
          title: "Search",
          content: "Here you can search for players by their name, school, positions & bib color (that they wore in our tournament)"
        }
      ]});
      if(sessionStorage.getItem("loggedIn") !== "yes"){//Remember that sessionStorage can only store strings!
        //Initialize the tour
        tour.init();
        // Start the tour
        tour.start();
      }
      else{
        //Set item "loggedIn" in sessionStorage to "yes"
        sessionStorage.putItem("loggedIn", "yes");
      }
      var goBackToTour = function(e){
        //You can also make a "fake" link, so that it looks like a link, but is not, and you don't have to put the following line:
        e.preventDefault();
        tour.init();
        tour.start();
      };
      document.getElementById("goBackToTourLink").addEventListener("click", goBackToTour);
  });
  //On the logout
  var logout = function(){
    sessionStorage.setItem("loggedIn", "no");
  };
</script>

для использования локального хранилища:

  if (typeof(Storage) !== "undefined") {
    var takenTour = localStorage.getItem("takenTour");
    if (!takenTour) {
      localStorage.setItem("takenTour", true);
      // Take the tour
    }
  }

мы используем это решение, потому что наши пользователи не войти, и это немного легче, чем, Используя cookies. Как упоминалось выше, он не работает, когда пользователи переключают машины или очищают кэш, но у вас есть это, покрытое вашим количеством входа.

вы можете хранить, если пользователь видел тур или нет в файле cookie. Вы можете поддерживать "TrackingCookie", который имеет всю информацию отслеживания пользователей (например. tour_shown, promotion_shown и т. д., к которым обращается ваш javascript код. Следующий код TrackingCookie должен поддерживать всю такую информацию отслеживания в одном файле cookie. Я называю это tracking_cookie.

cookies могут быть доступны на стороне сервера используя

cookies[:tracking_cookie]

tracking_cookie.js

var TrackingCookie = (function() {
  function TrackingCookie() {
    this.name = 'tracking_cookie';
    this.expires = new Date(new Date().setYear(new Date().getFullYear() + 1));
  }

  TrackingCookie.prototype.set = function(name, value) {
    var data={};
    if(!this.readFromStore()) {
      data = this.readFromStore();
    }
    data[name] = value;
    return this.writeToStore(data);
  };

  TrackingCookie.prototype.set_if_unset = function(name, value) {
    if (!this.get(name)) {
      return this.set(name, value);
    }
  };

  TrackingCookie.prototype.get = function(name) {
    return this.readFromStore()[name];
  };

  TrackingCookie.prototype.writeToStore = function(data) {
    return $.cookie(this.name, JSON.stringify(data), {
      path: '/',
      expires: this.expires
    });
  };

  TrackingCookie.prototype.readFromStore = function() {
    return $.parseJSON($.cookie(this.name));
  };

  return TrackingCookie;

})();

в HTML -

<script type="text/javascript">
  $(document).on('turbolinks:load', function() {
    //Instantiate the cookie
    var tracking_cookie = new TrackingCookie();
    //Cookie value not set means, it is a new user.
    if(!tracking_cookie.get("tour_shown")){
      //Set the value to be true.
      tracking_cookie.set("tour_shown",true)
      var tour = new Tour({
        storage: false,
        backdrop: true,
        onStart: function(){
        $('body').addClass('is-touring');
        },
        onEnd: function(){
        $('body').removeClass('is-touring');
        },
        steps: [
        {
          element: "#navbar-logo",
          title: "Go Home",
          content: "All throughout the app, you can click our logo to get back to the main page."
        },
        {
          element: "input#top-search",
          title: "Search",
          content: "Here you can search for players by their name, school, positions & bib color (that they wore in our tournament)"
        }
      ]});

      // Initialize the tour
      tour.init();

      // Start the tour
      tour.start();
    };

  });
</script>

класс cookie является многословным. Вы можете просто использовать $.cookie для достижения простого переключения поведения. Вышеуказанный код работает для всех пользователей в первый раз, вошедших в систему, а также вышедших из системы. Если вы просто хотите, чтобы он был зарегистрирован, установите флаг для входа пользователя на стороне сервера.

локальное хранилище не является кросс-браузерным решением. Попробуйте это кросс-браузерная реализация SQL который использует различные методы (включая localstorage) для хранения "баз данных" на жестком диске пользователей на неопределенный срок.

var visited;
jSQL.load(function(){
  // create a table
  jSQL.query("create table if not exists visits (time date)").execute();

  // check if the user visited
  visited = jSQL.query("select * from visits").execute().fetchAll("ASSOC").length;

  // update the table so we know they visited already next time
  jSQL.query("insert into visits values (?)").execute([new Date()]);

  jSQL.persist();
});

Это должно работать, если то, что вы хотите сделать ворота страницу своей жизни. Если необходимо предотвратить повторное выполнение в течение более длительных периодов, рассмотрите localStorage.

var triggered;
$(document).on('turbolinks:load', function() {
if (triggered === undefined) {
            triggered = "yes";
...code...
}}

основываясь на вашем комментарии, я думаю, вы захотите отслеживать это в своих данных (что фактически то, что вы делаете с user.sign_in_count > 1 Регистрация). Моя рекомендация заключалась бы в использовании легкого хранилища данных с ключом, такого как Redis.

в этой модели каждый раз, когда пользователь посещает страницу с этой функцией, вы проверяете значение "посетил", связанное с этим пользователем в Redis. Если он не существует, вы запускаете событие JS и добавляете "visited": true для Redis для этого пользователя, что предотвратит JS от запуска в будущем.

вам придется как-то связаться с бэкэндом, чтобы получить счетчик входа. Либо в введенной переменной, либо как маршрут json, который вы нажмете с помощью ajax, выполните логику:

if !session[:seen_tour] && current_user.sign_in_count == 1
  @show_tour = true
  session[:seen_tour] = true
else
  @show_tour = false
end

respond_to do |format|
  format.html {}
  format.json { render json: {show_tour: @show_tour } }
end

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