CINXE.COM
LTV向上・ファン育成ツール「Metabadge(メタバッジ)」
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"> <meta name="format-detection" content="telephone=no"> <title>LTV向上・ファン育成ツール「Metabadge(メタバッジ)」</title> <meta name="keywords" content=""/> <meta name="description" content="Metabadge(メタバッジ)は、キャンペーンやプロモーションに参加した新規顧客と継続的な接点をつなぎ、ファンを創る・増やす・育てるコミュニティツールです。"/> <meta name="google-site-verification" content="wWic_V5Vqpjz2fW2agVFStzLNNQRj4_JCzLb5uidAHI" /> <meta property="og:title" content="LTV向上・ファン育成ツール「Metabadge(メタバッジ)」" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://metabadge.cloudcircus.jp" /> <meta property="og:image" content="https://metabadge.cloudcircus.jp/dcms_media/image/Metabadge_OGP.png" /> <meta name="twitter:card" content="summary"> <meta property="og:site_name" content="LTV向上・ファン育成ツール「Metabadge(メタバッジ)」" /> <meta property="og:description" content="Metabadge(メタバッジ)は、キャンペーンやプロモーションに参加した新規顧客と継続的な接点をつなぎ、ファンを創る・増やす・育てるコミュニティツールです。" /> <meta name="twitter:title" content="LTV向上・ファン育成ツール「Metabadge(メタバッジ)」"> <meta name="twitter:description" content="Metabadge(メタバッジ)は、キャンペーンやプロモーションに参加した新規顧客と継続的な接点をつなぎ、ファンを創る・増やす・育てるコミュニティツールです。"> <meta name="twitter:image" content="https://metabadge.cloudcircus.jp/dcms_media/image/Metabadge_OGP.png"> <link href="//fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese" rel="stylesheet"> <link rel="stylesheet" href="/dcms_media/css/base.css" /> <link rel="stylesheet" href="/dcms_media/css/layout.css" /> <link rel="stylesheet" href="/dcms_media/css/slick.css" /> <link rel="stylesheet" href="/dcms_media/css/swiper.css" /> <script src="/dcms_media/js/jquery-1.11.1.min.js"></script> <script src="/dcms_media/js/scrolltopcontrol.js"></script> <script src="/dcms_media/js/original.js"></script> <script> var lh = ""; lh = location.href; if (lh.match(/dcmsadm/)){ } else { document.write('<style>header{position:fixed;}</style>'); $(document).ready(function(){ $('.navBtn').click(function () { $('body').toggleClass('sitemapsopen'); }); $('#pagetitle').insertAfter($('header')); $('.bn_2col').wrapAll('<div class="bn_2block"></div>'); $('.function_icon_list li').biggerlink(); $('.mh').matchHeight(); $('.ficon_txt').matchHeight(); $('.cta_txt').matchHeight(); $('.featurepointmid_title').matchHeight(); $('.dl_title').matchHeight(); $('.dl_txt').matchHeight(); $('#locator').prependTo($('.featuremain_block')); //header var $win = $(window), $header = $('header'), headerHeight = $header.outerHeight(), headerH = headerHeight + 10; startPos = 0; $win.on('load scroll', function() { var value = $(this).scrollTop(); if ( value > startPos && value > headerHeight ) { $header.css('top', '-' + headerH + 'px'); } else { $header.css('top', '0'); } startPos = value; }); //sp navi $('.sitemaps_title + ul').prev().after('<div class="ocbtn"></div>'); $('.ocbtn').click(function(){ $(this).next().slideToggle(); $(this).toggleClass('active'); }); }); if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)) { $(function() { $('.tel').each(function() { var str = $(this).html(); if ($(this).children().is('img')) { $(this).html($('<a>').attr('href', 'tel:' + $(this).children().attr('alt').replace(/-/g, '')).append(str + '</a>')); } else { $(this).html($('<a>').attr('href', 'tel:' + $(this).text().replace(/-/g, '')).append(str + '</a>')); } }); }); } } </script> <style> .rss_new{background-color: #CA062B;} </style> <link rel="stylesheet" href="/dcms_media/css/original.css"> <link rel="stylesheet" href="/dcms_media/other/mtame.css"> <link rel="stylesheet" href="/dcms_media/other/labo.css"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Roboto:wght@300;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/dcms_media/css/metabadge_sub.css" /> <script src="/dcms_media/js/metabadge_sub.js" defer></script> <script> $(function() { var height=$(".header").height(); $(".fv-section").css("margin-top", height + 1 ); }); </script> <link rel="stylesheet" href="/dcms_media/css/izanai.css"> <link rel="stylesheet" href="/dcms_media/other/izanai_plus.css"> <link href="/dcms_blocks/common/css/common.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/dcms_blocks/common/js/common.js"></script> <link rel="stylesheet" href="/dcms_media/css/color_blockdl.css" /> <script src="/dcms_media/js/jquery.matchHeight-min.js"></script> <!-- User Heat Tag --> <script type="text/javascript"> (function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uhdrw82Ov1'}); </script> <!-- End User Heat Tag --> <script> $(document).ready(function () { $('.img-mh').matchHeight(); $('.spcorpnav').on('click', function() { $(this).toggleClass('open'); }); }); </script> <script> $(function () { $('.cmbanclick').on('click', () => { $('.cmban').hide(); $('.cmban img').hide(); }); }); </script> <style> .cmban{ position: fixed; right: 0; bottom: 40px; width: 390px; height: 390px; z-index: 100; } .cmbanimg{ width: 390px; height: auto; } .cmbanclick{ width: 115px; height: auto; position: absolute; top: 10px; right: 30px; z-index: 2; cursor: pointer; } @media only screen and (max-width: 979px) { .cmban{ width: 200px; height: 200px; } .cmbanimg{ width: 200px; } .cmbanclick{ width: 55px; right: 20px; } } @media only screen and (max-width: 690px) { .cmban { bottom: 0; width: 180px; height: 180px; } .cmbanimg { width: 180px; } .cmbanclick { width: 65px; top: 0; right: 0; } } </style> <link rel="stylesheet" href="/dcms_media/css/top.css" /> <link rel="stylesheet" href="/dcms_media/css/metabadge_sub.css" /> <script src="/dcms_media/js/top.js" defer></script> <script src="/dcms_media/js/metabadge_sub.js" defer></script> <script defer src="https://trace.bluemonkey.jp/trace.js"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MDBPTK57');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MDBPTK57" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <meta name="google-site-verification" content="UPJV4QUSe5RsQm2eo9WwsKVr7qtC8GZE8orPDY6J8bg" /> <meta name="facebook-domain-verification" content="her64ympn715nl8aj2lgi0kd3zkgun" /> </head> <body id="top" class="page_index"> <header class="iz_header fs_header"> <div class="header_top"> <div class="header_top_in"> <figure class="logo hover-7"><a href="https://cloudcircus.jp/" target="_blank" rel="noopener"><img src="https://cloudcircus.jp/dcms_media/img/logo.png" alt="CloudCIRCUS" /></a></figure> <div class="spcorpnav"><!--SP navi--></div> <div class="spcorpnavcon"> <div class="spcorpnavconin"> <ul> <li><a href="https://cloudcircus.jp/about/" target="_blank" rel="noopener">Cloud CIRCUSとは</a></li> <li><a href="https://cloudcircus.jp/support/" target="_blank" rel="noopener">サポート</a></li> <li><a href="https://cloudcircus.jp/products/" target="_blank" rel="noopener">製品</a> <!--<li><a href="#" target="_blank" rel="noopener">セミナー</a>--> <div class="splr"> <div class="splrl"> <div class="mega-menu-logo pc_order1"><a href="https://bow-now.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_bownow.png" alt="BowNow MA(マーケティングオートメーション)" /> <span class="mega-menu-txt"> MA(マーケティングオートメーション) </span> </a></div> <div class="mega-menu-logo pc_order3"><a href="https://bluemonkey.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_bluemonkey.png" alt="BlueMonkey CMS&オウンドメディア構築" /> <span class="mega-menu-txt"> CMS&オウンドメディア構築 </span> </a> </div> <div class="mega-menu-logo pc_order4"><a href="https://www.plus-db.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_plusdb.png" alt="Plusdb データベース構築" /> <span class="mega-menu-txt"> データベース構築 </span> </a></div> <div class="mega-menu-logo pc_order2"><a href="https://www.coco-ar.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_cocoar.png" alt="COCOAR アプリAR" /> <span class="mega-menu-txt"> アプリAR </span> </a></div> <div class="mega-menu-logo pc_order4"><a href="https://less-ar.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_lessar.png" alt="LESSAR ウェブAR" /> <span class="mega-menu-txt"> ウェブAR </span> </a></div> <div class="mega-menu-logo pc_order6"><a href="https://actibookone.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_actibook.png" alt="ActiBook 電子ブック・動画共有" /> <span class="mega-menu-txt"> 電子ブック・動画共有 </span> </a></div> </div> <div class="splrr"> <div class="mega-menu-logo pc_order1"><a href="https://www.app-goose.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_appgoose.png" alt="AppGoose アプリ運用" /> <span class="mega-menu-txt"> アプリ運用 </span> </a></div> <div class="mega-menu-logo pc_order3"><a href="https://creca.cloud/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_creca.png" alt="CRECA スマホ用LP" /> <span class="mega-menu-txt"> スマホ用LP </span> </a></div> <div class="mega-menu-logo pc_order2"><a href="https://cloudcircus.jp/products/fullstar/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_fullstar.png" alt="Fullstar CSM(カスタマーサクセスマネジメントシステム)" /> <span class="mega-menu-txt"> CSM(カスタマーサクセスマネジメントシステム) </span> </a></div> <div class="mega-menu-logo pc_order4"><a href="/" target="_blank" rel="noopener"><img src="https://cloudcircus.jp/dcms_media/image/header_logo_inazai.png" alt="IZANAI チャット接客" /><span class="mega-menu-txt"> チャット接客</span></a></div> <div class="mega-menu-logo pc_order5"><a href="https://crowdb.cloudcircus.jp/" target="_blank" rel="noopener"><img src="/dcms_media/image/header_logo_crowdbooth.png" alt="CrowdBooth オンライン展示会・ショールーム" /><span class="mega-menu-txt"> オンライン展示会・ショールーム</span></a> </div> <div class="mega-menu-link pc_order5"><a href="https://cloudcircus.jp/products/"> 製品一覧 </a></div> </div> </div> </li> </ul> <div class="loginbtn"><a href="https://cloudcircus.jp/products/izanai_new/">ログイン</a></div> </div> </div> <ul class="fs_bold"> <li><a href="https://cloudcircus.jp/about/" target="_blank" rel="noopener">Cloud CIRCUSとは</a></li> <li class="header-sec-item mega-menu"><a class="header-sec-item-inner" style="position: relative;" href="https://cloudcircus.jp/products/" target="_blank" rel="noopener"> 製品 </a> <!---original start---> <div class="mega-menu-area"> <div class="mega-menu-area-in"> <div class="mega-menu-con left"> <div class="mega-menu-logo pc_order1"><a href="https://bow-now.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_bownow.png" alt="BowNow MA(マーケティングオートメーション)" /> <span class="mega-menu-txt"> MA(マーケティングオートメーション) </span> </a></div> <div class="mega-menu-logo pc_order3"><a href="https://bluemonkey.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_bluemonkey.png" alt="BlueMonkey CMS&オウンドメディア構築" /> <span class="mega-menu-txt"> CMS&オウンドメディア構築 </span> </a> </div> <div class="mega-menu-logo pc_order5"><a href="https://www.plus-db.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_plusdb.png" alt="Plusdb データベース構築" /> <span class="mega-menu-txt"> データベース構築 </span> </a></div> <div class="mega-menu-logo pc_order2"><a href="https://www.coco-ar.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_cocoar.png" alt="COCOAR アプリAR" /> <span class="mega-menu-txt"> アプリAR </span> </a></div> <div class="mega-menu-logo pc_order4"><a href="https://less-ar.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_lessar.png" alt="LESSAR ウェブAR" /> <span class="mega-menu-txt"> ウェブAR </span> </a></div> <div class="mega-menu-logo pc_order6"><a href="https://actibookone.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_actibook.png" alt="ActiBook 電子ブック・動画共有" /> <span class="mega-menu-txt"> 電子ブック・動画共有 </span> </a></div> </div> <div class="mega-menu-con right"> <div class="mega-menu-logo pc_order1"><a href="https://www.app-goose.jp/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_appgoose.png" alt="AppGoose アプリ運用" /> <span class="mega-menu-txt"> アプリ運用 </span> </a></div> <div class="mega-menu-logo pc_order3"><a href="https://creca.cloud/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_creca.png" alt="CRECA スマホ用LP" /> <span class="mega-menu-txt"> スマホ用LP </span> </a></div> <div class="mega-menu-logo pc_order2"><a href="https://cloudcircus.jp/products/fullstar/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_fullstar.png" alt="Fullstar CSM(カスタマーサクセスマネジメントシステム)" /> <span class="mega-menu-txt"> CSM(カスタマーサクセスマネジメントシステム) </span> </a></div> <div class="mega-menu-logo pc_order4"><a href="/" target="_blank" rel="noopener"> <img src="https://cloudcircus.jp/dcms_media/image/header_logo_inazai.png" alt="IZANAI チャット接客" /> <span class="mega-menu-txt"> チャット接客 </span> </a></div> <div class="mega-menu-logo pc_order5"><a href="https://crowdb.cloudcircus.jp/" target="_blank" rel="noopener"><img src="/dcms_media/image/header_logo_crowdbooth.png" alt="CrowdBooth オンライン展示会・ショールーム" /><span class="mega-menu-txt"> オンライン展示会・ショールーム</span></a></div> <div class="mega-menu-link pc_order5"><a href="https://cloudcircus.jp/products/"> 製品一覧 </a></div> </div> </div> </div> <!---original end---> </li> <li><a href="https://cloudcircus.jp/support/" target="_blank" rel="noopener">サポート</a></li> </ul> <div class="loginbtn"><a href="https://client.cloud-circus.com/#/login" target="_blank" rel="noopener">ログイン</a> </div> </div> </div> <style> .header_bottom_in { justify-content: flex-start; gap: 30px; } .iz_header .header_bottom .header_bottom_in .header_nav { font-size: 14px; } .iz_header .header_bottom .header_bottom_in .header_nav { width: auto; } .iz_header .btnBlock { display: flex; gap: 16px; margin-left: auto; } .iz_header .btnBlock .btn.-download a { background-color: #f97332; border: 2px solid #f97332; padding-top: 6px; padding-bottom: 6px; } .iz_header .btnBlock .btn.-download a:hover { background-color: #fff; color: #f97332; } .header_nav_in { height: 100px; } .header_nav_in li { height: 100%; } .header_nav_in li>span { padding: 0 10px; height: 100%; display: flex; align-items: center; font-weight: 700; } .header_nav_in li .block { width: 100%; left: 0; top: 150px; transition: all .2s; display: block !important; pointer-events: none; opacity: 0; position: fixed; z-index: 101; padding: 50px 0; background-color: #add9ec; } .iz_header .header_nav_in li .block .c-button { display: flex; gap: 14px; background-color: #fff; width: 400px; height: 68px; display: flex; align-items: center; justify-content: center; font-size: 18px; padding: 0; color: #fff; border: none; background: transparent linear-gradient(90deg, #ffac00 0, #ff5c3e 100%) 0 0 no-repeat; transition: transform .2s ease-in-out, box-shadow .2s; } .iz_header .header_nav_in li .block .c-button:after { border-color: #fff; } .iz_header .header_nav_in li .block .c-button:hover { color: #fff; box-shadow: 0 5px 9pt rgba(0, 0, 0, .1); transform: translateY(-4px); } .header_nav_in li .block.-active { opacity: 1; pointer-events: auto; } .header_nav_in li>span .arrow { display: none; } @media screen and (max-width: 979px) { .iz_header .header_bottom .header_bottom_in .header_nav { width: 100%; } .fs_header .header_bottom .header_bottom_in .header_nav_in li { height: auto; } .header_nav_in li>span { padding: 13px 10px; display: flex; justify-content: space-between; height: auto; } .header_nav_in li>span .arrow { width: 28px; height: 28px; transition: all .2s ease 0s; display: block; } .header_nav_in li>span .arrow.-active { transform: rotate(180deg); } .iz_header .header_nav_in li .block .c-button { width: 280px; height: 60px; font-size: 16px; gap: 10px; } .iz_header .header_nav_in li .block .c-button img { width: 38px; } .header_nav_in li>span .arrow:before { width: 18px; height: 18px; display: block; content: ""; border-top: 1px solid #7d8282; border-right: 1px solid #7d8282; transition: all .2s ease 0s; transform: rotate(135deg); } .header_nav_in li .block { position: static; padding: 0 !important; margin: 0 -20px; width: calc(100% + 40px); height: 0; transition: padding .2s; } .header_nav_in li .block.-active { height: auto; padding: 25px 0 !important; } } </style> <script> document.addEventListener('DOMContentLoaded', function () { const headerNav = document.querySelector('.js-header-nav'); const headerNavArrow = document.querySelector('.js-header-nav .arrow'); const block = headerNav.querySelector('.block'); const handleHeaderNavMouseEnter = () => { headerNav.addEventListener('mouseover', function () { block.classList.add('-active'); }); }; const handleHeaderNavMouseOut = () => { headerNav.addEventListener('mouseout', function (event) { block.classList.remove('-active'); }); }; const handleHeaderNavClick = () => { headerNavArrow.addEventListener('click', function (event) { headerNavArrow.classList.toggle('-active'); block.classList.toggle('-active'); }); }; function handleResizeOrLoad() { if (window.innerWidth > 979) { handleHeaderNavMouseEnter(); handleHeaderNavMouseOut(); headerNav.removeEventListener('click', handleHeaderNavClick); } else { headerNav.removeEventListener('mouseover', handleHeaderNavMouseEnter); headerNav.removeEventListener('mouseout', handleHeaderNavMouseOut); handleHeaderNavClick(); } } window.addEventListener('resize', handleResizeOrLoad); window.addEventListener('load', handleResizeOrLoad); }); </script> <div class="header_bottom"> <div class="header_bottom_in"> <figure class="logo hover-7"><a href="/"><img src="/dcms_media/image/metabadge_logo.png" alt="Metabadge" /></a> </figure> <nav class="header_nav"> <div class="header_navinin"> <ul class="header_nav_in"> <li><a href="/feature/">特長</a></li> <li><a href="/function/">機能</a></li> <li><a href="/use/">活用シーン</a></li> <li class="js-header-nav"> <span> 料金 <span class="arrow"><!-- --></span> </span> <div class="block"> <a class="c-button" href="/download/form.html" rel="noopener" target="_blank"> <img src="/dcms_media/other/iconPrice.svg" width="42" alt="" loading="lazy" decoding="async"> <span>料金表ダウンロードする</span> </a> </div> </li> <li><a href="/flow/">導入までの流れ</a></li> <li><a href="/media/cases/">事例・実績</a></li> <li><a href="/media/column/">コラム</a></li> </ul> </div> </nav> <div class="btnBlock"> <div class="btn -download"><a href="/download/">資料ダウンロード</a></div> <div class="btn"><a href="/contact/">お問い合わせ</a></div> </div> <div class="header_menu_btn"><span class="header_menu_line"> <!--humb--></span> <span class="header_menu_line"> <!--humb--></span> <span class="header_menu_line"> <!--humb--></span></div> </div> </div> </header> <!--###_DCMS_COMMON:MAINIMAGE_###--> <!--###_DCMS_BLOCK_BLOG_LIST_3_###--> <main id="container"> <!-- ブロック貼り付けエリア --> <div id="dcms_layoutPageBlockPasteArea"> <!-- ブロック --> <div id="dcms_layoutPageBlock"> <div class="p-main-visual"> <div class="l-content-sec"> <div class="innerArea"> <h1 class="p-main-visual__catch"><span class="p-main-visual__catch-strong">販売促進</span><span class="p-main-visual__catch-smole">と</span><br class=" tablet:u-hidden" /><span class="p-main-visual__catch-strong">ファン育成</span><span class="p-main-visual__catch-smole">を</span><br /> 同時に実現</h1> <p class="p-main-visual__lead">今まで通りのキャンペーンがファンを創り、増やし、育てる</p> <ul class="p-main-visual__cards-row"> <li class="p-main-visual__cards-col"> <div class="p-main-visual__card"> <h3 class="p-main-visual__card-heading">ファンの育成</h3> <div class="p-main-visual__card-body"><img class="p-main-visual__card-image" src="/dcms_media/image/main-visual-image-1.png" alt="" width="197" height="160" /> <p class="p-main-visual__card-paragraph">1回のキャンペーン施策で顧客獲得と同時に、ファンの育成が可能</p> </div> </div> </li> <li class="p-main-visual__cards-col"> <div class="p-main-visual__card"> <h3 class="p-main-visual__card-heading">継続的に顧客と関与</h3> <div class="p-main-visual__card-body"><img class="p-main-visual__card-image" src="/dcms_media/image/main-visual-image-2.png" alt="" width="245" height="160" /> <p class="p-main-visual__card-paragraph">接点を持った顧客と継続的に関与し、関係構築を進めることができる</p> </div> </div> </li> <li class="p-main-visual__cards-col"> <div class="p-main-visual__card"> <h3 class="p-main-visual__card-heading">顧客データの取得・蓄積</h3> <div class="p-main-visual__card-body"><img class="p-main-visual__card-image" src="/dcms_media/image/main-visual-image-3.png" alt="" width="240" height="160" /> <p class="p-main-visual__card-paragraph">各施策を通して一貫したデータ取得・蓄積を可能に</p> </div> </div> </li> </ul> <a class="c-button p-main-visual__button" href="/download/form/">Metabadgeのサービス概要資料</a></div> </div> </div> <section class="l-content-sec p-overview"> <div class="innerArea"> <div class="p-overview__container"> <div class="p-overview__col-sticky js-sticky-col" style="display: flex; align-items: flex-end;"> <div class="p-overview__col-sticky__card js-aside-content" style="position: static; top: 170px; width: 550px;"> <p class="p-overview__col-sticky__card__paragraph">今まで単発化していた1つ1つのキャンペーンを繋ぎ合わせることで、販売促進とファン育成を同時に実現。</p> <p class="p-overview__col-sticky__card__paragraph">ファンを創り、増やし、育てる。</p> <p class="p-overview__col-sticky__card__paragraph">その"仕組み"を<span class="p-overview__col-sticky__card__paragraph-txt">Metabadge<span class="fs16">(メタバッジ)</span></span>が創ります。</p> <a class="c-button c-button--md" href="/feature/">特長を見る</a> <a class="c-button c-button--md c-button--invert" href="/contact/">お問い合わせ</a></div> </div> <div class="p-overview__col-points js-contents-col"> <ul> <li class="p-overview__col-points__card"> <div> <p class="p-overview__col-points__number">01</p> <p class="p-overview__col-points__paragraph">Metabadgeのコミュニケーション機能を<br class="u-hidden laptop:u-block" /> 使用してキャンペーンを実施。<br /> 自社ブランドや商品・サービスの認知を拡大させる</p> <figure class="p-overview__col-points__figure"><img src="/dcms_media/image/overview-figure01.png" alt="Metabadgeのコミュニケーション機能を使用してキャンペーンを実施。自社ブランドや商品・サービスの認知を拡大させる" width="1140" height="524" /></figure> </div> </li> <li class="p-overview__col-points__card"> <div> <p class="p-overview__col-points__number">02</p> <p class="p-overview__col-points__paragraph">キャンペーンに参加したユーザーに対してインセンティブを<br class="u-hidden laptop:u-block" /> 付与し、興味・関心を引き続ける</p> <figure class="p-overview__col-points__figure"><img src="/dcms_media/image/overview-figure02.png" alt="キャンペーンに参加したユーザーに対してインセンティブを付与し、興味・関心を引き続ける" width="1140" height="580" /></figure> </div> </li> <li class="p-overview__col-points__card"> <div> <p class="p-overview__col-points__number">03</p> <p class="p-overview__col-points__paragraph">継続的にキャンペーンの実施とインセンティブを付与。<br /> 新規ユーザーへの認知拡大、既存ユーザーとの関係構築<br class="u-hidden laptop:u-block" /> を同時に進めることで、ファンが増える仕組みを創る。</p> <figure class="p-overview__col-points__figure"><img src="/dcms_media/image/overview-figure03.png" alt="継続的にキャンペーンの実施とインセンティブを付与。新規ユーザーへの認知拡大、既存ユーザーとの関係構築を同時に進めることで、ファンが増える仕組みを創る。" width="1140" height="880" /></figure> </div> </li> </ul> </div> </div> <div class="p-overview__download"> <p class="p-overview__download-balloon">Metabadge<span style="font-size: 12pt;">(メタバッジ)</span>の概要をまとめました!</p> <div class="p-overview__download-card"> <div class="p-overview__download-figure"><a title="メタバッジ概要資料" href="/download/form/"><img src="/dcms_media/image/Metabadge%E6%A6%82%E8%A6%81%E8%B3%87%E6%96%99.png" alt="Metabadgeサービス概要資料" width="587" height="331" /></a></div> <div class="p-overview__download-detail"> <h3 class="p-overview__download-heading"><a title="メタバッジ概要資料" href="/download/form/"><span style="text-decoration: underline;">Metabadge<span style="font-size: 10pt;">(メタバッジ)</span>概要資料</span></a></h3> <p class="p-overview__download-paragraph">Metabadge(メタバッジ)のサービス概要や活用方法、機能の詳細等をまとめて紹介しています。無料でダウンロードができます。</p> <a class="p-overview__download-button" href="/download/form/"><span class="p-overview__download-button__inner">資料ダウンロード</span></a></div> </div> </div> <div class="p-overview__download-card"> <div class="p-overview__download-figure"><a title="診断コンテンツホワイトペーパー" href="/download/shindan/"><img src="/dcms_media/image/mb-wp-shindan.webp" alt="診断コンテンツ" width="500" height="281" /></a></div> <div class="p-overview__download-detail"> <h3 class="p-overview__download-heading"><span style="text-decoration: underline;"><a title="診断コンテンツホワイトペーパー" href="/download/shindan/">診断コンテンツの作成・活用ガイド</a></span></h3> <p class="p-overview__download-paragraph">診断コンテンツの作り方から活用アイデア、事例まで、まとめて紹介しています。</p> <a class="p-overview__download-button" title="診断コンテンツホワイトペーパー" href="/download/shindan/"><span class="p-overview__download-button__inner">資料ダウンロード</span></a></div> </div> <div class="p-overview__download-card"> <div class="p-overview__download-figure"><a title="SNSキャンペーンアイデア集" href="/download/interactive-sns-campaign/"><img src="/dcms_media/image/mb-wp-snscampaign-2.webp" alt="ユーザー投稿(UGC)を生む面白いSNSキャンペーン集" width="400" height="225" /></a></div> <div class="p-overview__download-detail"> <h3 class="p-overview__download-heading"><span style="text-decoration: underline;"><a title="ユーザー投稿(UGC)を生む面白いSNSキャンペーン集" href="/download/interactive-sns-campaign/">"ユーザー参加型"SNSキャンペーンアイデア集</a></span></h3> <p class="p-overview__download-paragraph">参加型SNSキャンペーンの具体的なアイデアや、UGC・リテンション向上などの具体的な効果をまとめました。</p> <a class="p-overview__download-button" title="ユーザー投稿(UGC)を生む面白いSNSキャンペーン集" href="/download/interactive-sns-campaign/"><span class="p-overview__download-button__inner">資料ダウンロード</span></a></div> </div> </div> </section> <section class="l-content-sec -bg p-scene"> <div class="innerArea"> <h2 class="c-hdg-lv2">Metabadgeの活用シーン</h2> <ul class="p-scene__row"> <li class="p-scene__col"> <div class="p-scene__card"> <p class="p-scene__label">case01</p> <h3 class="p-scene__heading">商品理解を深め興味を喚起</h3> <p class="p-scene__paragraph">Metabadgeの「診断」機能を用いて、ユーザーの商品理解力を試す試験や検定などのインタラクティブコンテンツの作成も可能です。</p> </div> </li> <li class="p-scene__col"> <div class="p-scene__card"> <p class="p-scene__label">case02</p> <h3 class="p-scene__heading">ユーザー参加型キャンペーンの実現</h3> <p class="p-scene__paragraph">Metabadgeの「投票」機能を用いて、選挙型キャンペーンの実施が可能で、ユーザーからの能動的かつ複数回の接触を促せます。</p> </div> </li> </ul> <div class="c-button-container"><a class="c-button c-button--md" href="/use/">活用シーン</a></div> </div> </section> <section class="l-content-sec sec-06"> <div class="innerArea"> <h2 class="c-hdg-lv2">導入までの流れ</h2> <div class="flow"> <div class="step"> <div class="title"> <p class="num">STEP1</p> <h3 class="sec-06__card-title">課題の特定・<br class="u-hidden tablet:u-block" />ご提案</h3> </div> <img class="sec-06__image" src="/dcms_media/image/flow-1.png" alt="" /></div> <div class="step"> <div class="title"> <p class="num">STEP2</p> <h3 class="sec-06__card-title">お申込み</h3> </div> <img class="sec-06__image" src="/dcms_media/image/flow-2.png" alt="" /></div> <div class="step"> <div class="title"> <p class="num">STEP3</p> <h3 class="sec-06__card-title">ファンサイトの<br />制作</h3> </div> <img class="sec-06__image" src="/dcms_media/image/flow-3.png" alt="" /></div> <div class="step"> <div class="title"> <p class="num">STEP4</p> <h3 class="sec-06__card-title">公開・運用</h3> </div> <img class="sec-06__image" src="/dcms_media/image/flow-4.png" alt="" /></div> </div> <div class="c-button-container"> <p class="sec-06__button-catch">\機能単体でのご利用も可能です/</p> <a class="c-button c-button--md" href="/flow/">導入までの流れ</a></div> </div> </section> <section class="l-content-sec p-faq"> <div class="innerArea"> <h2 class="c-hdg-lv2">よくあるご質問</h2> <dl> <dt class="p-faq__question">ファンサイト内でコミュニティを構築できるほど既存ユーザーがいるか心配です。</dt> <dd class="p-faq__answer">問題ありません。Metabadgeは、今まで通りにキャンペーンを実施することで自社ブランドのファンを増やし、コミュニティの基礎を構築していくサービスとなっております。「コミュニティユーザーがいない/フォロワーがいないけどコミュニティに興味がある」という方にピッタリのサービスです。</dd> <dt class="p-faq__question">各機能を単体で利用することは可能ですか?</dt> <dd class="p-faq__answer">可能です。診断や投票、ARなど各機能とキャンペーンを組み合わせることで、様々なプロモーション施策などを実施することができます。利用する機能に迷われる場合はお気軽にご相談ください。</dd> <dt class="p-faq__question">「会員証」と「バッジ」の違いを教えてください。</dt> <dd class="p-faq__answer">「会員証」は、一人のユーザーあたり1種類のみ付与され、特定の条件を満たすことで会員ランクが変わり、利用できる特典も変化します。「バッジ」は、特定の条件を満たすことで様々な種類のバッジを獲得することができ、特典を利用できる他、コレクションなどにも活用することができます。</dd> </dl> </div> </section> <section class="l-content-sec p-download"> <div class="innerArea"> <h2 class="c-hdg-lv2">資料ダウンロード</h2> <ul class="p-download__row"> <li class="p-download__col"> <div class="p-download__card"><a title="資料ダウンロード" href="/download/form/"><img src="/dcms_media/image/Metabadge%E6%A6%82%E8%A6%81%E8%B3%87%E6%96%99.png" alt="サービス概要資料" width="587" height="331" /></a> <h3 class="p-download__card-heading"><a title="資料ダウンロード" href="/download/form/">Metabadge<span style="font-size: 8pt;">(メタバッジ)</span>概要資料</a></h3> <p class="p-download__card-paragraph">Metabadgeのサービス概要や活用方法、機能の詳細等をまとめて紹介しています。</p> <a class="c-button c-button--md" href="/download/form/">ダウンロード</a></div> </li> <li class="p-download__col"> <div class="p-download__card"><a title="資料:診断コンテンツの作り方" href="/download/shindan/"><img src="/dcms_media/image/mb-wp-shindan.webp" alt="診断コンテンツの作り方" width="500" height="281" /></a> <h3 class="p-download__card-heading"><a title="資料:診断コンテンツの作り方" href="/download/shindan/">診断コンテンツの作成・活用ガイド</a></h3> <p class="p-download__card-paragraph">診断コンテンツの作り方から活用アイデア、事例まで、まとめて紹介しています。</p> <a class="c-button c-button--md" title="資料:診断コンテンツの作り方" href="/download/shindan/">ダウンロード</a></div> </li> <li class="p-download__col"> <div class="p-download__card"><a title="SNSキャンペーンアイデア集" href="/download/interactive-sns-campaign/"><img src="/dcms_media/image/mb-wp-snscampaign-2.webp" alt="SNSキャンペーンアイデア集" width="400" height="225" /></a> <h3 class="p-download__card-heading">”ユーザー投稿(UGC)を生む面白いSNSキャンペーン集</h3> <p class="p-download__card-paragraph">ユーザー参加型SNSキャンペーンの具体的なアイデアと効果指標などをまとめました。</p> <a class="c-button c-button--md" title="ユーザー投稿(UGC)を生む面白いSNSキャンペーン集" href="/download/interactive-sns-campaign/">ダウンロード</a></div> </li> </ul> <div class="c-button-container"><a class="c-button c-button--md" href="/download/">資料一覧を見る</a></div> </div> </section> </div> <!-- // ブロック --> </div> <!-- // ブロック貼り付けエリア --> </main> <div class="bottom_bg_black ctalink_block"> <div class="inner"> <h2>メタバッジに関するご質問やお見積りなど、<br>まずはお気軽にご相談ください</h2> <div class="logo_link"> <figure class="logo"><img src="/dcms_media/image/cta-logo-img.png" alt="Metabadge" /></figure> </div> <div class="ctalink_block__in"> <div class="link"> <p>メタバッジのサービス概要資料を<br>無料でダウンロードできます</p> <div class="link_01 js-biggerlink"><a href="/download/form/">概要資料をダウンロード</a></div> </div> <div class="link"> <p>メタバッジに関するお問い合わせ、<br>無料相談はこちらよりお気軽にご連絡ください</p> <div class="link_02 js-biggerlink"><a href="/contact/">お問い合わせ</a></div> </div> </div> </div> </div> <!--<div id="locator" class="fs"> <ol class="inner" itemscope itemtype="http://schema.org/BreadcrumbList">!--###_DCMS_BODY_PAGE_NAVI_###--</ol> </div>--> <footer> <div class="izfooter"> <div class="izfooter_cc"> <div class="izfooter_ccname hover-7"><a href="https://cloudcircus.jp/">Cloud CIRCUS</a></div> <ul class="izfooter_cclist"> <li><a href="https://cloudcircus.jp/about/" target="_blank" rel="noopener">運用会社</a></li> <li><a href="https://cloudcircus.jp/support/">サポート体制</a></li> <li><span class="nolink">運用メディア</span> <ul> <li><a href="https://mtame.jp/">エムタメ!</a></li> <li><a href="https://ar-go.jp/">ARGO</a></li> </ul> </li> </ul> <div class="footersns"><span class="hover-7"><a href="https://www.facebook.com/cloudcircus.official/" target="_blank" rel="noopener"><img src="/dcms_media/image/fs_icon_facebook.jpg" alt="facebook" width="30" height="30" /></a></span><span class="hover-7"><a href="https://twitter.com/cloudcircus_inc" target="_blank" rel="noopener"><img src="/dcms_media/image/fs_icon_twitter.jpg" alt="twitter" width="30" height="30" /></a></span><span class="hover-7"><a href="https://www.youtube.com/channel/UClfarZi2fyjvk2ukn0CCdlQ" target="_blank" rel="noopener"><img src="/dcms_media/image/fs_icon_youtube.jpg" alt="youtube" width="30" height="30" /></a></span></div> </div> <div class="izfooter_iz"> <div class="izfooter_izname hover-7"><a href="/">Metabadge</a></div> <div class="izfooter_izin"> <ul> <li><a href="/feature/">Metabadgeの特長</a></li> <li><a href="/function/">機能</a></li> <li><a href="/use/">活用シーン</a></li> <li><a href="/flow/">導入の流れ</a></li> <!--<li><a href="/event/">セミナー</a></li>--> <li><a href="/download/">資料ダウンロード</a></li> </ul> <ul> <li><a href="/sitemap/">サイトマップ</a></li> <li><a href="https://cloudcircus.jp/privacy/" target="_blank" rel="noopener">個人情報保護方針</a></li> <li><a href="https://cloudcircus.jp/security/" target="_blank" rel="noopener">情報セキュリティ基本方針</a></li> <li><a href="https://cloudcircus.jp/mynumber/" target="_blank" rel="noopener">特定個人情報取扱方針</a></li> <!--<li><a href="https://cloudcircus.jp/company/info/agreement_soft/izanai/" target="_blank" rel="noopener">Metababge(メタバッジ)<br>使用許諾約款</a></li>--> </ul> </div> </div> </div> <div class="iz_footer"> <figure class="logo hover-7"><a href="https://cloudcircus.jp/"><img src="/dcms_media/image/fs_f_bottom_logo.jpg" alt="CloudCIRCUS" /></a></figure> <small>Copyright © Cloud CIRCUS Inc. All rights reserved.</small></div> </footer> <div id="topcontrol" title="Scroll Back to Top"> <a class="pagetop"></a> </div> <!-- %{SWIPERJS}% --> </body> <!-- IT Ver 01 (creation month 2019.08)--> <!-- installation date 2019.08.31 --> </html>