新建設コンサルタント株式会社様のWebサイトのバナーを実装いたしました。

新建設コンサルタント株式会社様のWebサイトのバナーを実装いたしました。

お客さま

新建設コンサルタント株式会社
https://nc-c.jp/

課題

WordPressで構築されたWebサイトに公式LINE友だち追加のバナーを設置する必要があり、クライアント側でButtonizer（プラグイン）を用いてバナーを設置していました。Buttonizerの標準機能では、バナーをバツボタンで非表示にすることができず、スマホで閲覧した場合にフッターに設置されているYouTube等のSNSリンクが隠れてしまうことに悩んでおられました。

「バナーを非表示にできるようにバツボタンを作れないか」「一番下までスクロールしたときにバナーを自動で非表示にすることはできないか」ということで当社にご相談いただき、Buttonizerを削除してコーディングでバナーを実装する方法を提案いたしました。

業務内容

以下の仕様で、Webサイトに公式LINE友だち追加のバナーを実装いたしました。

• サイト表示直後にはバナーを表示させず、スクロール開始でバナーを表示させる。
• フッターまでスクロールでバナーを自動的に非表示（Youtube等のSNSリンクを邪魔しないように）
• バツボタンでバナーを非表示にしたユーザーには、24時間バナーを表示させない。（UX向上のための施策）

使用技術

HTML / CSS / JavaScript