출시 노트
Google Web Designer의 새로운 버전이 출시되었습니다. 이번 출시 버전에서는 2개의 문제가 해결되었습니다. 자세한 내용은 아래를 읽어보세요.
Google Web Designer 업데이트
인터넷에 연결되어 있는 경우 Google Web Designer를 시작하면 자동으로 업데이트됩니다. 원하는 경우 최신 버전을 다운로드할 수도 있습니다.
2021년 7월부터 호환성 변경 시작:
맞춤 요소 v0 사양을 따르는 맞춤 구성요소는 2021년 7월부터 더 이상 지원되지 않습니다. 구성요소를 업그레이드하는 방법을 알아보세요.
버전 11.0.2.0415의 수정사항 및 개선사항
- 샘플 데이터가 이미 선택된 동적 광고를 열면 Google Web Designer가 멈추는 문제가 해결되었습니다.
- 광고 검사기에서 GLB 파일 크기 제한 경고를 2GB에서 3GB로 업데이트했습니다.
버전 11.0.1.0406의 수정사항 및 개선사항
- 이제 Google Ads에서 반응형 속성을 지원합니다.
- 인라인 SVG의 변환 속성이 잘못 삭제되는 문제가 해결되었습니다.
- 브라우저에서 미리보기할 때 전환 갤러리의 이미지 간에 스와이프되는 문제가 해결되었습니다.
버전 11.0.0.0323의 새로운 기능
3D 편집기
새로운 3D 모델 뷰어 구성요소를 사용하여 Google Web Designer에서 직접 3D 애셋을 수정할 수 있습니다.
- GLB 파일의 자료를 수정할 수 있습니다.
- 모델을 볼 때 조명, 카메라 뷰 및 핫스팟을 맞춤설정할 수 있습니다.
쉬운 모드
템플릿을 사용하는 새로운 방법을 도입했습니다.
- 템플릿 선택하여 쉬운 모드에서 광고를 빌드할 수 있습니다. 쉬운 모드는 애셋 교체, 텍스트 수정 및 색상 변경을 할 수 있는 간소화된 인터페이스입니다.
- 모든 기능을 사용하여 수정하려면 문서를 표준 모드로 전환하면 됩니다.
반응형 속성
이제 특정 문서 크기 또는 크기 범위에 대해 CSS 스타일 외 속성도 바꿀 수 있습니다.
- 미디어 규칙에는 이미지 소스, 텍스트 콘텐츠 및 텍스트 맞추기 설정에 대한 재정의와 구성요소 속성이 포함될 수 있습니다.
SVG 필터
SVG 요소에 특수 효과를 추가합니다.
- 블러, 그림자, 스플래시 등의 필터를 적용할 수 있습니다.
- Google Web Designer 내에서 텍스트 요소를 SVG로 변환하여 텍스트에 동일한 효과를 사용할 수 있습니다.
새롭게 디자인된 템플릿 갤러리
새로운 버전의 템플릿 갤러리에서 템플릿을 찾아볼 수 있습니다.
- 한 화면에서 더 많은 레이아웃을 볼 수 있습니다.
- 상세한 미리보기 이미지를 통해 각 템플릿이 예시 애셋과 더불어 어떻게 표시되는지 확인할 수 있습니다.
버전 11.0.0.0323의 기타 주요 변경사항
- 이제 Google Ads 광고 소재에서 이탈 이벤트가 감지되면 광고 검사기에 경고가 표시됩니다.
- 코드 보기의 파일 > JS 라이브러리 포함 메뉴에 CreateJS가 추가되었습니다.
- '큐 카드' 템플릿의 이름이 '큐카드'로 변경되었습니다.
- 이제 동적 광고 템플릿에는 브랜드 애셋 테스트를 위한 추가 샘플 데이터가 포함됩니다.
- 게시 설정 대화상자에서 '그룹 압축 해제' 옵션이 삭제되었습니다.
- 스와이프할 수 있는 갤러리 구성요소는 스테이지 보기에서 여러 동적 항목을 표시합니다.
버전 11.0.0.0323의 수정사항 및 개선사항
동적
- '리마케팅 값' 유형으로 정의된 Studio 동적 프로필 입력란이 Google Web Designer 결합 대화상자의 '데이터 스키마 개체' 드롭다운에 표시되지 않는 문제가 해결되었습니다.
- 광고 검사기 패널이 닫힐 때 샘플 데이터 편집기에서 입력란 값이 업데이트되지 않던 문제가 해결되었습니다.
- 동적 속성 대화상자의 계정 입력란에 '3자 이상 입력하세요'의 자리표시자 텍스트가 누락되는 문제가 해결되었습니다.
- '프레임 표시'가 1보다 크면 동적 데이터 결합이 있는 갤러리 구성요소의 스테이지 미리보기에서 이제 다른 항목이 표시됩니다.
- 이제 동적 데이터 결합을 지원하지 않는 문서에서는 '동적 결합...' 팝업 메뉴 명령을 사용할 수 없습니다.
- Studio 동적 프로필의 '광고 소재 크기' 유형 입력란에 '디스플레이' 설정이 사용 설정되어 있으면 Google Web Designer는 이제 '프로필을 파싱할 수 없음' 대신 자세한 오류 메시지를 표시합니다.
- 지원되지 않는 글꼴 속성은 더 이상 '브랜드 인지도' 스키마의 결합 대화상자에 표시되지 않습니다.
- 샘플 데이터 입력란인 '가격 할인(십진수)'의 라벨에서 '(십진수)'를 제거했습니다.
반응형
- [반응형] 타임라인이 빠른 모드인 상태에서 애니메이션 시간을 수정할 때 반응형 미리보기가 업데이트되지 않는 문제가 해결되었습니다.
- [반응형] 미디어 범위 지정 규칙이 선택됐을 때, 항상 선택한 범위 내에서 가장 큰 크기로 전환하는 대신 이제는 이 표시 영역 크기가 범위 밖에 있던 경우에만 표시 영역의 크기가 조절됩니다.
- [반응형] '요소 표시' 동적 데이터 결합이 있는 요소의 샘플 데이터가 비어 있는 경우 해당 요소가 반응형 미리보기에 표시되는 문제가 해결되었습니다.
기타
- [이징 대화상자] 맞춤 이징의 이름을 변경하거나 삭제한 다음 대화상자를 취소해도 타임라인의 이징 이름이 업데이트되지 않는 문제가 해결되었습니다.
- 3D 스테이지 회전 도구의 표시기가 누락되던 문제가 해결되었습니다.
- 도형에 대해 텍스트 맞추기 옵션이 사용 설정되던 문제가 해결되었습니다.
- Internet Explorer에서 직사각형 마스크 애니메이션이 렌더링되지 않는 문제가 해결되었습니다.
- [인증] 로그아웃 후 Google Web Designer 창이 너무 빨리 닫히는 경우 로그인 이메일 주소가 계속 표시되는 문제가 해결되었습니다.
- 러시아어의 '게시' 및 '미리보기' 버튼과 관련된 서식 문제가 해결되었습니다.
알려진 문제
- Safari만 해당: 그림에
<canvas>요소가 있으면 클립 경로 마스크의 애니메이션이 작동하지 않습니다. - Chrome 및 Opera: 호스트 요소에 3D로 변환된 하위 요소가 포함되어 있으면 클립 경로 마스크가 올바르게 렌더링되지 않습니다.
- 맞춤 Google Web Designer 요소에 대한 참조(
gwd-image,gwd-video,gwd-audio,gwd-iframe,gwd-page,gwd-pagedeck)가 제대로 작동하지 않을 수 있습니다. 참조를 업데이트하는 방법을 알아보세요. - 브라우저에서 바로 소스 .html 파일을 여는 경우 타임라인 애니메이션 이벤트(예: 일시중지, 연속 재생)가 작동하지 않습니다. 문서를 미리보거나 게시하는 경우에는 타임라인 애니메이션 CSS가 생성되므로 이는 예상 가능한 동작입니다. 해결 방법: 미리보기 버튼을 사용하거나 로컬에 문서를 게시하고 브라우저에서 게시한 파일을 확인합니다.
- 파일 이름에 마침표와 함께 파일 확장자가 없는 이미지 파일이 라이브러리에 가져오기되지 않습니다. 해결 방법: 파일 이름에 파일 확장자(예: .png)를 추가합니다.
- 오래된 동영상 드라이버로 인해 실행 시 검은색 화면이 표시될 수 있습니다. 동영상 드라이버를 업데이트해 보세요. 그래도 문제가 해결되지 않으면 Google Web Designer를 종료하여 GPU 렌더링을 사용 중지한 후 운영체제에 맞는 다음 안내에 따라 다시 실행하세요.
- Windows: 레지스트리에서
disable-gpu-rendering이라는 이름의 DWORD32 값을HKEY_CURRENT_USER\Software\Google\Web Designer\Settings에 추가합니다. 이 값을1로 설정합니다. - Mac: 부울 행을
~/Library/Preferences/com.google.WebDesigner.plist에 추가(이름:disable-gpu-rendering, 값:YES)하거나 터미널에서defaults write com.google.WebDesigner.plist disable-gpu-rendering -bool true를 실행합니다. - Linux:
~/.local/share/google-web-designer/preferences/settings.conf에 행을 추가(이름:disable-gpu-rendering, 값:true)합니다.[Settings]섹션이 없는 경우 먼저 이를 생성해야 합니다.
- Windows: 레지스트리에서
- Mac Safari에서 광고를 다시 확장했을 때 동영상이 자동재생되려면 첫 번째 동영상 소스가 .mp4여야 합니다.
- 이미지에서의 그래디언트 배경 채우기는 크기 조절이 늘리기로 설정된 경우에만 렌더링됩니다.
- 최대 4개의 패널을 그룹으로 지정하고 탭으로 구성할 수 있습니다.
- 웹 프록시 사용 이후 실행 시 흰색 화면이 표시됩니다. 이 안내에 따라 프록시 설정을 변경하세요.
- Mac Chrome, Opera, IE: 자동재생 미리보기가 켜져 있을 때 Google Web Designer 미리보기에서 재생 버튼이 작동하지 않습니다. 해결 방법: URL에서 localhost를 삭제하고
file:///을 사용합니다. - Linux만 해당: 파일 시스템에서 Google Web Designer로 파일을 드래그 앤 드롭할 수 없습니다. 해결 방법: 파일 > 애셋 가져오기 또는 라이브러리에서 애셋 추가를 사용합니다.
- Safari 데스크톱 브라우저에서 iCalendar .ics 파일을 다운로드할 수 없습니다.
- 동일한 광고 소재에 2개 이상의 지도 구성요소나 스트리트 뷰 구성요소, 또는 지도와 스트리트 뷰 구성요소를 사용할 수 없습니다.
- Linux만 해당: 미리보기를 위해 Google Web Designer에서 브라우저(Chrome 또는 Firefox)를 실행하는 경우 브라우저를 먼저 닫지 않으면 Google Web Designer를 닫을 수 없습니다.
- Linux만 해당: 경우에 따라 Google Web Designer가 초점을 잃고, 앱 간에 전환할 때 키보드 입력이 인식되지 않습니다. 해결 방법: Google Web Designer의 창 크기를 조절하여 앱의 초점을 다시 맞춥니다.
- Linux만 해당: 렌더기가 다운되고 흰색 화면이 표시되면 Google Web Designer 설정에서
disable-gpu-rendering을true로 설정합니다.~/.local/share/google-web-designer/preferences/settings.conf에 행을 추가(이름:disable-gpu-rendering, 값:true)합니다.[Settings]섹션이 없는 경우 먼저 이를 생성해야 합니다.