چگونه به لوکر استودیو (گوگل دیتا استودیو) فونت فارسی اضافه کنیم؟

لوکر استودیو (Looker Studio) یا همان گوگل دیتا استودیو سابق (Google Data Studio) یک ابزار رایگان برای ساخت داشبورد بازاریابی و انواع گزارشات است که توسط شرکت گوگل توسعه داده شده است. این ابزار به دلیل قابلیت‌­های متعدد و امکان اتصال به پلتفرم‌­های مختلف مثل گوگل سرچ کنسول، گوگل آنالیتیکس و گوگل ادز محبوبیت زیادی در حوزه دیجیتال مارکتینگ دارد و مورد استفاده بسیاری از متخصصین این حوزه است.

استفاده از زبان فارسی در ابزار لوکر استودیو یکی از چالش‌­های مارکترهای ایرانی است، زیرا در این ابزار مشابه سایز ابزارها (گوگل شیت، گوگل داک و …) فونت فارسی وجود ندارد؛ از طرفی با توجه به اینکه زیبایی ظاهری فایل­‌ها و گزارشات نقش مهمی در اثرگذاری و گیرایی آن­‌ها دارد و همچنین نیاز برخی کارفرمایان و مخاطبین به استفاده از متون و توضیحات فارسی، لازم است راهی برای اضافه کردن فونت فارسی به این ابزار پر کاربرد پیدا کنیم.

به همین منظور در ادامه‌­ی این مقاله به صورت مرحله به مرحله و تصویری روش اضافه کردن و استفاده از فونت فارسی در لوکر استودیو را توضیح داده‌­ام.

اضافه کردن کامپوننت

در ابتدا لازم است تا مطابق تصاویر زیر کامپوننت Community Visualization را در لوکر استودیو نصب کنید؛

ابتدا از نوار ابزار بالایی لوکر استودیو وارد بخش کامپوننت­‌ها شوید:

سپس روی Explore more بزنید:

در مرحله بعد روی Build Your Own Visualization بزنید:

در صفحه‌­ی جدید آدرس زیر را در بخش Manifest Path وارد کنید و سابمیت را بزنید و منتظر باشید:

gs://siavak-visualizations/gallery

بعد از چند ثانیه که کامپوننت مورد نظر لود می­‌شود، آن را انتخاب کنید:

و در نهایت در پنجره‌­ای که باز می­‌شود روی Allow بزنید:

اضافه کردن فونت فارسی

بعد از اینکه کامپوننت را طبق مراحل بالا با موفقیت اضافه کردید، مجددا به بخش کامپوننت‌­ها از نوار ابزار بالای صفحه برید و کامپوننتی که اضافه کردید را انتخاب کنید:

سپس در محلی که می­‌خواهید کلیک کنید تا کامپوننت درج شود:

حالا با انتخاب کامپوننت، مشابه سایر اِلِمان‌­های لوکر استودیو عمل می­‌کنیم؛ در ستون Setup یک دایمنشن و یک متریک دلخواه انتخاب کنید:

و در تب Style در بخش Text فیلدهای زیر را به این صورت پر کنید:

Content: متن دلخواه خود را بنویسید

Style URL: https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap” rel=”stylesheet

Font Family: Vazirmatn

Inline CSS: color: #000000; font-size: 36px; text-align: center;

نکته: تنظیمات رنگ بکگراند و حاشیه و … مشابه سایر اِلِمان­‌ها در همان تب استایل است ولی برای تنظیمات ظاهری خود متن باید بخش CSS را تغییر دهید؛ برای این منظور در صورتی که قصد تغییر سایز فونت را داشتید عدد 36 را به عدد دلخواه خود تغییر دهید، برای تغییر رنگ متن کد رنگی #000000 را مطابق سلیقه خود تغییر دهید.

همچنین استایل بالا به صورت پیشفرض وسط چین است (text-align: center)، اگر قصد داشتید متن راست چین شود، center را به right و اگر خواستید چپ چین شود به left تغییر دهید.

به این ترتیب می­تونید از متن فارسی با فونت فارسی در داشبوردها و گزارشاتتون در لوکر استودیو استفاده کنید و لذت ببرید. اگه سوال یا مشکلی برای استفاده از این روش داشتید هم می­تونید از طریق لینکدین با من در ارتباط باشید.

مرجع این آموزش سایت خوب measureschool است که من قسمت‌­های لازم آن را برای استفاده در زبان فارسی شخصی­‌سازی کردم.