웹 팝업 캠페인 만들기

웹 캠페인은 생성한 웹 콘텐츠를 웹사이트에 배치하고, 표시 시점과 대상을 제어합니다. 캠페인은 콘텐츠를 팝업 또는 인라인 블록 중 한 가지 방식으로 표시합니다.

새 캠페인 시작하기

캠페인 → 웹 캠페인으로 이동합니다.
캠페인 만들기를 클릭하고 유형을 선택합니다:
- 팝업: 페이지 위에 표시되는 오버레이입니다.
- 인라인: 페이지 요소 안의 블록입니다. 예를 들어 사이드바나 기사 아래에 표시됩니다.
유형은 나중에 변경할 수 없습니다.

웹 콘텐츠 선택

이 캠페인이 방문자에게 표시할 콘텐츠를 선택합니다. 기존 콘텐츠를 선택하거나 마법사를 나가지 않고 새 콘텐츠를 만들 수 있습니다.

기존 콘텐츠: 웹 콘텐츠에서 목록의 항목을 선택합니다. 목록에는 각 이름 아래에 유형이 표시됩니다. 일반 콘텐츠는 웹 콘텐츠, 웹 양식은 웹 양식으로 표시됩니다.
새 콘텐츠: 새로 만들기를 클릭하고 웹 콘텐츠 또는 웹 양식을 선택합니다. 해당 콘텐츠 유형의 편집기가 열립니다.

드롭다운에서 콘텐츠 순서를 변경하려면 드롭다운 위의 정렬 버튼을 사용하여 최근 업데이트, A-Z 또는 Z-A를 선택합니다. 다른 순서를 선택하기 전까지 드롭다운은 A-Z 기준으로 정렬됩니다. Pushwoosh는 선택한 순서를 기억하여 일회성 메시지와 journey 모두에서 모든 웹 팝업 콘텐츠 드롭다운에 적용합니다.

올바른 콘텐츠를 선택했으면 다음을 클릭합니다.

잠재고객 정의

캠페인을 볼 사람을 선택합니다.

모든 사용자: 필터 없이 모든 사람에게 캠페인을 표시합니다.

타겟 고객: 세그먼트 또는 사용자 지정 조건과 일치하는 사용자에게만 캠페인을 표시합니다. 두 가지 하위 옵션이 나타납니다:
- 기존 세그먼트 사용: 목록에서 저장된 세그먼트를 선택합니다. 마법사를 나가지 않고 세그먼트를 만들려면 세그먼트 만들기를 클릭합니다.
- 사용자 지정 조건 사용: 태그, 이벤트, 세그먼트 또는 User ID별로 필터를 추가하여 잠재고객을 인라인으로 구성합니다.

완료되면 다음을 클릭합니다.

표시 설정 구성

이 캠페인을 언제, 얼마나 자주, 어디에 표시할지 설정합니다.

CSS 선택자

이 필드는 인라인 캠페인에만 표시됩니다. 인라인 캠페인은 페이지의 블록 안에 나타나며, CSS 선택자는 Pushwoosh에 어느 블록인지 알려 줍니다.

CSS 선택자에 캠페인이 배치될 페이지 요소의 선택자를 입력합니다(예: #newsletter-signup). 태그, #id, .class 또는 [attribute] 중 하나의 단순 선택자를 중첩 없이 사용합니다.
필드 아래에 Pushwoosh가 페이지에 추가할 요소를 표시합니다(예: <div id="newsletter-signup"></div>). 캠페인이 나타나야 할 위치에 이 요소를 추가하도록 개발자에게 요청하세요.

캠페인은 페이지에서 선택자와 일치하는 첫 번째 요소 안에 나타납니다. 페이지에 일치하는 요소가 없으면 해당 페이지에는 캠페인이 표시되지 않습니다.

페이지 로드 시 자동으로를 선택하면 일치하는 요소가 있는 페이지가 로드될 때마다 인라인 캠페인이 나타납니다.

팝업 표시 또는 캠페인 표시

캠페인을 표시하는 방식을 선택합니다. 이 필드는 팝업 캠페인에서는 팝업 표시, 인라인 캠페인에서는 캠페인 표시라고 합니다.

페이지 로드 시 자동으로: 설정과 일치하는 페이지에서 캠페인이 자동으로 나타납니다.
WebSDK 호출로만: 캠페인이 자동으로 나타나지 않습니다. 사이트에서 Web SDK를 호출하여 캠페인을 표시합니다. 마법사에 캠페인 코드가 포함된 호출이 표시됩니다(예: Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE')). Web SDK 3.63.0 이상이 필요합니다.

WebSDK 호출로만을 선택하면 사이트의 호출은 표시 지연과 페이지에 표시를 무시하므로 마법사에서 이 설정이 숨겨집니다.

표시 지연

이 설정은 페이지 로드 시 자동으로 표시되는 팝업 캠페인에 적용됩니다. 페이지가 로드된 후 웹 팝업이 처음 나타날 수 있는 시점을 선택합니다.

즉시
3초 후
5초 후
10초 후

빈도

이 설정은 팝업 캠페인에만 적용됩니다. 빈도에서 방문자가 이 웹 팝업을 얼마나 자주 볼 수 있는지 선택합니다:

방문자당 한 번: 방문자는 해당 브라우저에서 새 탭에서도 최대 한 번만 팝업을 봅니다.

세션당 한 번: 방문자는 브라우징 세션당 한 번 팝업을 봅니다. 세션이 끝나기 전에 탭을 닫았다가 다시 돌아오면 팝업이 다시 나타나지 않습니다.
방문할 때마다: 방문자가 일치하는 페이지를 로드할 때마다 팝업이 나타납니다.

기기

기기에서 캠페인이 나타날 기기를 선택합니다: 모든 기기, 데스크톱 또는 모바일.

푸시 권한

푸시 권한에서 방문자가 이 브라우저에서 웹 푸시 알림을 허용했는지에 따라 캠페인을 볼 방문자를 선택합니다:

모든 방문자: 푸시 권한과 관계없이 모든 방문자입니다. 기본값입니다.
아직 요청 안 함: 브라우저가 아직 푸시 권한을 요청하지 않은 방문자입니다. 구독을 권유하는 프롬프트에 사용합니다.
구독함: 푸시 알림을 허용한 방문자입니다.
차단함: 푸시 알림을 차단한 방문자입니다. 예를 들어 브라우저에서 다시 허용하는 방법을 안내할 때 사용합니다.
푸시 미지원: 브라우저가 웹 푸시 알림을 받을 수 없는 방문자입니다. 이메일 양식 등 다른 채널을 제안할 때 사용합니다.

검토 단계에서는 선택한 옵션이 기기 옆에 **푸시 권한:**과 옵션 이름으로 표시됩니다.

방문자의 브라우저는 캠페인이 표시되기 직전에 권한을 확인합니다. 방문자가 페이지에서 알림을 허용하거나 차단하면 더 이상 일치하지 않는 캠페인은 제거되고, 새로 일치하게 된 캠페인은 다음 페이지 로드 시 표시됩니다.

페이지에 표시

캠페인이 나타날 수 있는 페이지를 선택합니다. WebSDK 호출로만을 선택하면 이 설정은 숨겨집니다.

모든 페이지

사이트의 모든 페이지에 캠페인을 표시합니다. 일부 페이지에서 표시하지 않으려면 최대 10개의 제외 항목을 추가합니다:

+ 제외 추가를 클릭합니다.
페이지 경로를 입력합니다.
경로의 일치 방식을 선택합니다: 정확히 일치 또는 다음으로 시작.

지정된 페이지

목록에 있는 페이지에만 캠페인을 표시합니다. 최대 10개의 페이지를 추가할 수 있습니다:

+ 페이지 추가를 클릭합니다. 행을 제거하려면 ×를 클릭합니다.
페이지 경로를 입력합니다.
경로의 일치 방식을 선택합니다: 정확히 일치 또는 다음으로 시작.

다음을 클릭하여 계속합니다.

페이지 경로 입력

경로는 규칙이 적용되는 페이지를 Pushwoosh에 알려 줍니다. 제외 항목과 지정된 페이지에 동일한 규칙이 적용됩니다.

입력할 내용

도메인 뒤에 나타나는 경로를 입력합니다(예: /pricing 또는 /blog/intro).
경로에는 모든 알파벳의 문자, 숫자, 공백 및 - _ . ~ ! $ & ' ( ) * + , ; = : @ / 문자를 사용할 수 있습니다.
경로는 대소문자를 구분하므로 /Pricing과 /pricing은 서로 다른 페이지입니다.

전체 주소 붙여넣기

브라우저 주소 표시줄의 전체 주소나 인코딩된 경로를 붙여넣을 수도 있습니다. Pushwoosh는 도메인, 쿼리 문자열, 프래그먼트를 제거한 다음 경로를 디코딩하고 대소문자를 유지한 채 저장합니다. 예:

입력한 값	Pushwoosh가 저장하는 값
`https://example.com/Catalog/?sort=price`	`/Catalog/`
`/caf%C3%A9`	`/café`

일치 유형

일치 유형에 따라 경로가 적용되는 페이지가 결정됩니다:

일치 유형	적용되는 페이지
정확히 일치	경로가 입력한 것과 같은 페이지만 해당됩니다. `/pricing`은 `/pricing/` 또는 `/Pricing`에 적용되지 않습니다.
다음으로 시작	경로가 같은 대소문자로 입력한 것으로 시작하는 모든 페이지입니다. `/blog`는 `/blog/intro`뿐 아니라 `/blog-news`에도 적용되므로, 블로그 섹션만 대상으로 하려면 `/blog/`를 입력합니다.

캠페인 검토

검토 화면에는 다음이 요약되어 있습니다:

콘텐츠: 첨부된 웹 콘텐츠입니다. 웹 콘텐츠 선택을 참조하세요. 웹 콘텐츠 대신 레거시 구독 양식에 여전히 연결된 캠페인은 여기에 해당 양식의 이름이 표시됩니다.
잠재고객: 모든 사용자 또는 선택한 세그먼트 이름이나 사용자 지정 조건이 있는 타겟 고객.
표시 설정: 기기, 캠페인이 표시되는 페이지(일치 유형 및 제외 항목 포함), 지연 및 빈도.

블록에서 옵션 변경을 사용하여 해당 부분으로 돌아가 편집합니다.

미리보기 영역은 샘플 뷰포트에서 콘텐츠가 어떻게 보이는지 보여줍니다. 기본 콘텐츠 자산을 조정해야 하는 경우 콘텐츠 편집을 사용합니다.

모든 것이 올바르게 보이면 설정 완료를 클릭합니다.

그런 다음 메뉴에서 옵션을 선택합니다:

캠페인 시작… 항목은 캠페인 이름을 입력하고 확인하면 캠페인을 활성화합니다. 인라인 캠페인의 경우 이어서 임베드 코드 대화 상자에 페이지에 추가할 요소가 표시됩니다. 나중에 캠페인 행 메뉴의 임베드 코드 가져오기… 항목으로 이 대화 상자를 다시 열 수 있습니다.
초안으로 저장… 항목은 캠페인을 활성화하지 않고 저장합니다. 나중에 라이브로 전환하려면 캠페인 → 웹 캠페인으로 이동하여 초안 행의 세 점 메뉴를 열고 캠페인 활성화… 항목을 선택합니다. 먼저 설정을 변경하려면 같은 메뉴에서 캠페인 편집… 항목을 선택합니다.

목록에서 캠페인을 검색, 필터링 및 관리하려면 캠페인 보기 및 관리를 참조하세요.