テキスト

作成日

更新日

重要度

通知方法

担当者

ステータス

リンク

連絡先メール

連絡先電話番号

日付

項目

お知らせ

<script>
  window.addEventListener('load', function() {
    document.querySelectorAll('[href*="tel:080-7886-0767"]').forEach(function(link){
      link.addEventListener('click', function() {
        gtag('event', 'conversion', {'send_to': 'AW-11555000049/or7aCLHq07YaEPGd7YUr'}); 
      });
    });
  });
</script>

<script>
  window.addEventListener('load', function() {
    document.querySelectorAll('[href*="//lin.ee/T5FsmB9"]').forEach(function(link){
      link.addEventListener('click', function() {
        gtag('event', 'conversion', {'send_to': 'AW-11555000049/ZCDLCLTq07YaEPGd7YUr'}); 
      });
    });
  });
</script>

<script>
  window.addEventListener('load', function() {
    document.querySelectorAll('[href*="//www.instagram.com/campo_dainogo"]').forEach(function(link){
      link.addEventListener('click', function() {
        gtag('event', 'conversion', {'send_to': 'AW-11555000049/mnzJCLfq07YaEPGd7YUr'}); 
      });
    });
  });
</script>

合同会社atalt(アットルト)のトップページです

<a href="/campo-dainogo/" id="floating-oval-link">
  <div class="oval">
    <div class="oval-text">
      <span class="primary-text">もうすぐ定員💦</span>
      <span class="secondary-text">児童発達支援Campo</span>
    </div>
  </div>
</a>

<script>
// お知らせ一覧のリンク機能実装
// Notionの構造に適応するため複数のセレクタを試す
document.addEventListener('DOMContentLoaded', function() {
  // 異なるセレクタパターンでテーブルを探す
  function findNewsTable() {
    // さまざまなセレクタを試みる
    const selectors = [
      '[data-block-id="13276b04-ef38-80c0-a43a-000c999ad8c6"] table',
      '.notion-collection-view[data-block-id="13276b04-ef38-80c0-a43a-000c999ad8c6"] table',
      '.notion-collection[data-block-id="13276b04-ef38-80c0-a43a-000c999ad8c6"] table',
      '.notion-table',
      '#block-13276b04ef3880c0a43a000c999ad8c6 table'
    ];
    
    for (const selector of selectors) {
      const table = document.querySelector(selector);
      if (table) {
        return table;
      }
    }
    return null;
  }

  // テーブル内の行を処理
  function processTableRows() {
    // テーブルを探す
    const table = findNewsTable();
    if (!table) {
      console.log('お知らせテーブルが見つかりません。後でリトライします。');
      return false;
    }
    
    // テーブルの行を取得
    const rows = table.querySelectorAll('tbody tr');
    if (rows.length === 0) {
      console.log('テーブル内の行が見つかりません。後でリトライします。');
      return false;
    }
    
    // 各行を処理
    rows.forEach(row => {
      // すでに処理済みならスキップ
      if (row.hasAttribute('data-processed')) {
        return;
      }
      
      // リンク列とお知らせ列を取得
      const cells = row.querySelectorAll('td');
      if (cells.length < 4) {
        return;
      }
      
      const titleCell = cells[2]; // お知らせ列 (3列目)
      const linkCell = cells[3];  // リンク列 (4列目)
      
      // リンク要素を取得
      const linkElement = linkCell.querySelector('a');
      if (linkElement && titleCell) {
        const url = linkElement.getAttribute('href');
        if (url) {
          // タイトルをリンクで囲む
          const titleContent = titleCell.innerHTML;
          if (!titleCell.querySelector('a')) {
            titleCell.innerHTML = `<a href="${url}" style="color: inherit; text-decoration: none; display: block;">${titleContent}</a>`;
          }
          
          // 行全体にクリックイベントを追加
          row.addEventListener('click', function(e) {
            // リンク要素をクリックした場合は処理しない
            if (e.target.tagName === 'A' || e.target.closest('a')) {
              return;
            }
            window.location.href = url;
          });
        }
      }
      
      // 処理済みとマーク
      row.setAttribute('data-processed', 'true');
    });
    
    return true;
  }
  
  // 初回実行
  let success = processTableRows();
  
  // テーブルが見つからない場合、読み込み完了後に再試行
  if (!success) {
    // Notionは非同期でコンテンツを読み込むので、しばらく待って再試行
    const checkInterval = setInterval(function() {
      if (processTableRows()) {
        clearInterval(checkInterval);
      }
    }, 500); // 500msごとに確認
    
    // 30秒後にタイムアウト
    setTimeout(function() {
      clearInterval(checkInterval);
    }, 30000);
  }
  
  // Notionのページ遷移はSPAなので、URL変更を監視して再適用
  let lastUrl = location.href;
  new MutationObserver(() => {
    if (location.href !== lastUrl) {
      lastUrl = location.href;
      // URLが変わったら少し待ってから再実行
      setTimeout(processTableRows, 1000);
    }
  }).observe(document, {subtree: true, childList: true});
});
</script>

合同会社atalt

<a href="/campo-dainogo/" id="floating-oval-link">
  <div class="oval">
    <div class="oval-text">
      <span class="primary-text">もうすぐ定員💦</span>
      <span class="secondary-text">児童発達支援Campo</span>
    </div>
  </div>
</a>


<style>
  #floating-oval-link {
    position: fixed;
    top: 100px;
    right: 30px;
    z-index: 1000;
    text-decoration: none;
    animation: floating 3s ease-in-out infinite;
  }
  
  .oval {
    width: 180px;
    background: linear-gradient(145deg, #fff8f4, #ffe9e2);
    border-radius: 30px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 8px;
    transition: all 0.3s ease;
    border: 2px solid #ff9966;
  }
  
  .oval-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .primary-text {
    color: #60a855;
    font-weight: bold;
    font-size: 18px;
    display: block;
    line-height: 1.2;
  }
  
  .secondary-text {
    color: #5cacee;
    font-size: 16px;
    display: block;
    line-height: 1.2;
    margin-top: 2px;
  }
  
  #floating-oval-link:hover .oval {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(255, 153, 102, 0.2);
  }
  
  @keyframes floating {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-12px);
    }
    100% {
      transform: translateY(0);
    }
  }
  
  /* レスポンシブ対応 */
  @media (max-width: 768px) {
    #floating-oval-link {
      top: 70px;
      right: 15px;
    }
    
    .oval {
      width: 140px;
      padding: 8px 6px;
    }
    
    .primary-text {
      font-size: 16px;
    }
    
    .secondary-text {
      font-size: 14px;
    }
  }
</style>

合同会社atalt(アットルト)の会社紹介です。

会社紹介

合同会社atlatの事業紹介です。

事業紹介

群馬県太田市の児童発達支援事業所Campo台之郷。未就学児向け療育支援で社会性を育み、一人ひとりの「できた！」を大切にします。2025年4月オープン！

児童発達支援 Campo 台之郷

合同会社ataltのお問い合わせページです。

お問い合わせ

合同会社アットルトのお知らせページ

合同会社ataltの採用情報です。

採用情報

公表